let compileStr = Vue.compile(this.templateString)this.template = compileStr.rendertemplateString: function (scope) {
let fun = function () {
console.log('afe')
} return ` <div>
<el-button type="primary" @click="${fun}">查詢</el-button>
<el-button type="primary">詳情</el-button>
</div>
`
}點擊后fun不執行。。。如果修改為${fun()}有報錯Invalid handler for event "click": got undefined有沒一種方法可以是的能夠編譯處理，并且點擊能正確執行fun？ 我現在用的是把fun方法data里面
1 回答
慕森王
TA貢獻1777條經驗 獲得超3個贊
`<el-button type="primary" @click="console.log('afe')">查詢</el-button>`最簡單的辦法, 直接把 fun 的函數體寫進@click 里面.
@click="content" 會被編譯成這樣子:
{ onclick: function () {
content
}
}所以你的寫法會變成
{ onclick: function () { function fun() { console.log('afe')
}
}
}借助IIFE, 這樣寫
`<el-button type="primary" @click="(${fun})()">查詢</el-button>`// 結果{
onclick: function () {
(function fun() {
console.log('afe')
})()
}
}添加回答
舉報
0/150
提交
取消