文章目录
- 前言
- 一、代码一开始效果
- 二、解决方案
前言
今天在开发vue项目中使用的第三方地图,地图上绘制的marker内容需要自定义,因为绘制的内容是原生HTML,所以遇到点击事件的时候就用了onclick来定义,此时想要调用methods中的方法,直接通过this.xx是获取不到的,因为onclick后面的事件是调用的window中的事件,所以需要把此事件绑定到window上即可
一、代码一开始效果
this.domMarker = new fengmap.FMDomMarker({x: position.x,y: position.y,domHeight: 80,domWidth: 200,collision: true,anchor: fengmap.FMMarkerAnchor.BOTTOM,content: `<span style="flex: 1; height: 30px; color: white;padding: 10px 16px; line-height: 30px; background-color: #2F65EE; border-bottom-left-radius: 6px; border-top-left-radius:6px;" onclick=handleTst()>作为起点</span>`});
二、解决方案
methods: {handleTst() {console.log(8798);}},mounted() {window.handleTst = this.handleTst;}