当前位置: 首页 > news >正文

wordpress本地网站上传/网络推广员怎么做

wordpress本地网站上传,网络推广员怎么做,seo顾问是什么,wordpress 文章 模板1.打开信息窗体上个文章已有 (点击bbbb) 2.在项目中可能打开信息窗体里面可能还需一些功能,所以点击事件是必不可少的 3.利用事件委托 e.target判断是否是自己想要的点击的dom元素 或者用settimeout也行 4.如果点击其他地方出现报错 就在 destory生命周期里面把事件移除掉 我这…

在这里插入图片描述
1.打开信息窗体上个文章已有
(点击bbbb)
2.在项目中可能打开信息窗体里面可能还需一些功能,所以点击事件是必不可少的
3.利用事件委托 e.target判断是否是自己想要的点击的dom元素
或者用settimeout也行

4.如果点击其他地方出现报错 就在 destory生命周期里面把事件移除掉
我这里就直接上代码 了

 <template><div class="content"><div class="amap-wrapper"><el-amap class="amap-box" :zoom="zoom" :center="center" :mapStyle="mapStyle"><el-amap-markerv-for="marker in markers":position="marker.position":key="marker.id":events="marker.events":icon="marker.icon"></el-amap-marker><el-amap-info-windowv-if="window":position="window.position":visible="window.visible":content="window.content":offset="window.offset"></el-amap-info-window></el-amap></div></div>
</template><script>export default {data() {return {center: [121.539693,31.126667],zoom:16,mapStyle: "amap://styles/8b6be8ec497009e17a708205348b899a", //设置地图样式markers: [],windows:[],window:'',}},methods:{point(){let markers = [];let windows=[]let that=thislet pointMarker=[{lng:121.536477,lat:31.26924,url:"../../assets/logo.png",title:"this is title",text: "aaaaa"},{lng:121.538097,lat:31.126337 ,url:"../../assets/logo.png",title:"this is title",text: "bbbbb"
}]pointMarker.forEach((item,index)=>{markers.push({position: [item.lng,item.lat],// icon:item.url, //不设置默认蓝色水滴events: {click() {that.windows.forEach(window => {window.visible = false; //关闭窗体});that.window = that.windows[index];that.$nextTick(() => {that.window.visible = true;//点击点坐标,出现信息窗体});}}})windows.push({position: [item.lng,item.lat],content:"<div id='content'>"+item.text+"</div>",//内容offset:[5,-15],//窗体偏移visible: false//初始是否显示})})//  加点this.markers = markers;//加弹窗this.windows=windows},/*** 通过事件委托给信息窗体里面的div添加点击事件*/init(){document.getElementsByTagName("div")[0].addEventListener('click',function(e){if(e.target==content){console.log(77777)}
})}},mounted(){this.point()this.init()}}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.amap-wrapper {width: 1440px;height: 600px;
}
</style>
http://www.lbrq.cn/news/789013.html

相关文章:

  • wordpress调用头像/seo推广的网站和平台有哪些
  • 设计灵感的网站/百度推广客服电话人工服务
  • 大鹏外贸网站建设/拼多多标题关键词优化方法
  • 运营一个网站的费用/九易建网站的建站模板
  • 深圳住房和建设局网站公开招标/郑州专业seo首选
  • 深圳css3网站开发公司/2022推广app赚佣金平台
  • 网站建设前端后端/大冶seo网站优化排名推荐
  • 南平 网站建设/优化方案怎么写
  • hph做动态网站/跨境电商seo是什么意思
  • 怎么做电脑端网站设计稿/广西网站seo
  • 网站企业快速备案流程/怎么才能让百度收录网站
  • 游戏网站建设方案/北京seo优化wyhseo
  • 南宁网站建设怎么样/如何做优化排名
  • 做网站怎么上传/厦门网站的关键词自动排名
  • 纯flash网站欣赏/百度seo关键词优化费用
  • 建设网站需要收费吗/站长工具域名查询
  • 做网站收费标准/新浪nba最新消息
  • 建设银行网站查看完整卡号/整合营销传播方案案例
  • html 网站开发/网站设计报价方案
  • 日照经开发区规划建设局网站/网站seo外包公司有哪些
  • 建网站兴田德润/网络推广网络营销软件
  • 哈尔滨学校网站建设/西安百度快照优化
  • wordpress 备份恢复/seo是什么及作用
  • 外贸网站都有那些/app开发
  • 网站以个人名义备案/360优化大师最新版的功能
  • 企业app开发的公司/seo优化技巧有哪些
  • 网站制作有哪些创新/网销是什么工作好做吗
  • 网站本地可以打开/免费b站在线观看人数在哪儿
  • 濮阳网站建设优化/网站服务器信息查询
  • 西安有哪些网站建设公司/上海做网站优化
  • Linux—yum仓库及NFS网络共享服务
  • 网关与路由器的区别
  • 01数据结构-时间复杂度和空间复杂度
  • 日常--详细介绍qt Designer常用快捷键(详细图文)
  • 【AI论文】Rep-MTL:释放表征级任务显著性在多任务学习中的潜力
  • k8s日志收集