vue怎么绑定高德地图信息窗体里面的事件

Question

var content = ['<button class="btn" v-on:click="faultDetail"> 车辆详情</button>' ].join(" ");

infoWindow.setContent(content);

infoWindow.open(map, map.getCenter());

上面代码是给点绑定信息窗体，里面有一个'button'绑定了一个事件，

methods: {

    faultDetail:function(){

       console.log("地图事件。。。");

     }

}

这边获取不到，请问下老师怎么解决这个问题呀，谢谢了

Answer 1

fishenal 2018-03-13 10:39:57

不能这么写，vue.js的方法，只对template标签里的内容起作用，或者配置里的template:

你这里的content其实就是字符串，传给高德地图组件，两个东西，传进去的这些内容跟vue.js一点关系都没有。

你这里我觉得还是要通过高德的接口来控制页面事件，这个事件回调感觉很难再回到vue组件里，因为这时候页面都渲染完了，弹窗是高德渲染的，这里要看你整体架构设计，看看能不能把高德融合到vue里，或者弹窗用vue来渲染。

• 提问者 慕娘6956336 #1

  好的，谢谢老师的解答

Answer 2

学习猎人 2021-03-04 16:02:05

下面回答的是啥，看不到，