vue中onclick如何调用methods中的方法
文章目录
- 前言
- 一、代码一开始效果
- 二、解决方案
前言
今天在开发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;
}