Vue 中動態Html片段綁定事件

Vue 中動態Html片段綁定事件
最近項目中地圖開發遇到了動態html中添加事件,打開新的組件的需求,如果用vue中this.fun應該是行不通,沒有作用域(試了確實不行)。
但是仔細想想,所有的vue組件最後都會被轉成html段,如果我們把方法轉成當前組件全局的方法,是不是直接通過方法名就可以綁定事件了,有點類似於定義一個全局的變量var a;下面直接使用a就行。當讓方法也可以使用這種方式var aa=fun(){
},但是這個有個問題就是獲取不了組件內的數據,所以儘量在vue組件的方法內進行全局綁定。
如下:
window.OpenCaseInfo = that.OpenCaseInfo;
實現OpenCaseInfo他的全局化,有沒有參數不用管,有參數的時候在調用方法時傳遞即可。
截個代碼的相關部分
1、需要調用的方法
在這裏插入圖片描述
2、全局綁定(應該用變量的形式也可以,只不過變量放到全局就行,賦值時放到vue體內就行)
在這裏插入圖片描述
3、調用,帶不帶參數都行,此處帶參數。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章