Vue 中动态Html片段绑定事件

Vue 中动态Html片段绑定事件
最近项目中地图开发遇到了动态html中添加事件,打开新的组件的需求,如果用vue中this.fun应该是行不通,没有作用域(试了确实不行)。
但是仔细想想,所有的vue组件最后都会被转成html段,如果我们把方法转成当前组件全局的方法,是不是直接通过方法名就可以绑定事件了,有点类似于定义一个全局的变量var a;下面直接使用a就行。当让方法也可以使用这种方式var aa=fun(){
},但是这个有个问题就是获取不了组件内的数据,所以尽量在vue组件的方法内进行全局绑定。
如下:
window.OpenCaseInfo = that.OpenCaseInfo;
实现OpenCaseInfo他的全局化,有没有参数不用管,有参数的时候在调用方法时传递即可。
截个代码的相关部分
1、需要调用的方法
Vue 中动态Html片段绑定事件_第1张图片
2、全局绑定(应该用变量的形式也可以,只不过变量放到全局就行,赋值时放到vue体内就行)
Vue 中动态Html片段绑定事件_第2张图片
3、调用,带不带参数都行,此处带参数。
Vue 中动态Html片段绑定事件_第3张图片

你可能感兴趣的:(js,vue,vue配置)