在vue项目中用vue mapbaidu map循环聚合点点击显示信息框,信息框的show绑定的flag没有作用

  • 和上一篇地图选点不同的是不帶关键字智能搜索,是输入具体地址搜索直接上代码。
//第一次点开地图弹框进行地图的实例化 //再次点开地图弹框,如果上次没有选择結果则对地图进行重置
}
版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

 // 覆盖物添加点击事件
 // 设置覆盖物鼠标移上去时所展示的信息
}

一般项目中我们会遇到有个list。。然后你随便点击一个会进入他对应的详情页。。正常那个详情页是一个公共的组件,我们只需根据id传值来判断这个页面显示嘚是哪个list的数据即可。如图:点击电影进入电影详情……以此类推

具体代码如下:(有人会奇怪我为什么不循环……这个是根据项目需求而定的,这个相当于入口而进入里面分别对应的还是多个list,并且后台给的图片的url也不一样我懒得v-if去写了,so这三个我就用了通过了蕗由id过去。当然后面有循环list。两种不同的方式,大家根据自己的项目来选择就好

</script>当然最重要的一步不能忘掉。。我们需要修改蕗由index.js文件: },这样就大功告成了两种方法,喜欢哪种用哪种就好。PS:我并不是讲师我之所以写出来,而且写的这么大白话就是为了防止自己忘掉= =巩固一遍,或许会记得牢方便大家看,也方便我自己看另外我自己的群:Vue2群: 。Angular4群: 有需要交流的可进群交流。。

}

我要回帖

更多关于 vue baidu map 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信