鍍金池/ 問答/數(shù)據(jù)分析&挖掘  HTML/ vue-es6拼接的字符串可以使用vue-Methods方法嗎？

vue-es6拼接的字符串可以使用vue-Methods方法嗎？


`<div class="commons">
<span @click="getData">駕駛員 : </span><span>${element.driverName_Phonenumber}</span></div>`

類似于上面這種,我在這樣寫時,發(fā)現(xiàn)一直調(diào)用不到getData方法。
希望能有大神回答。。

我重新整理下最外層的是 "div" es6字符串。
圖片描述

回答
編輯回答
焚音

你的點(diǎn)擊事件是加在"駕駛員"這個span標(biāo)簽上的

2017年9月21日 09:01
編輯回答
情皺

抽離成組件，或者用render / jsx的方式寫。

https://jsfiddle.net/v1un4r4s...

如果硬要用字符串，又要用 vue的模版的話，就只能這樣了，另外 一個組件內(nèi) render 函數(shù) 和 模版 只取其一

2018年9月12日 16:53
編輯回答
朕略傻

有可能是你的第二個span標(biāo)簽將第一個span標(biāo)簽覆蓋住了，看一下css樣式，@click="getData"后面是可以不加（），如果還是不行，把@click="getData"放在父級的div上，看看能否調(diào)用。

2017年4月12日 20:43
編輯回答
苦妄

這個我就不太清楚了

2017年6月18日 04:35
編輯回答
朽鹿

題主應(yīng)該是使用v-html來渲染字符串模板的，這樣不會作為vue模板進(jìn)行編譯，@click無效，也不能調(diào)用methods里面的方法，可以使用javascript方法來綁定事件。最好還是使用render函數(shù)：
渲染函數(shù) & JSX

2017年8月30日 16:03