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

Question

`<div class="commons">
<span @click="getData">驾驶员 : </span><span>${element.driverName_Phonenumber}</span></div>`

类似于上面这种,我在这样写时,发现一直调用不到getData方法。
希望能有大神回答。。

我重新整理下最外层的是 "div" es6字符串。

Answer 1

题主应该是使用v-html来渲染字符串模板的，这样不会作为vue模板进行编译，@click无效，也不能调用methods里面的方法，可以使用javascript方法来绑定事件。最好还是使用render函数：
渲染函数 & JSX

Answer 2

抽离成组件，或者用render / jsx的方式写。

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

如果硬要用字符串，又要用 vue的模版的话，就只能这样了，另外 一个组件内 render 函数 和 模版 只取其一

Answer 3

这个我就不太清楚了

Answer 4

有可能是你的第二个span标签将第一个span标签覆盖住了，看一下css样式，@click="getData"后面是可以不加（），如果还是不行，把@click="getData"放在父级的div上，看看能否调用。

Answer 5

你的点击事件是加在"驾驶员"这个span标签上的