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;
	}

你可能感兴趣的:(js,vue.js,javascript,前端)