vue 的 v-html 调用的函数如何获取当前元素的dom对象？

Question

html 代码如下：

<span v-html="textFoled($event, item.content, '100')"></span>

item.content 参数是没问题的，我模仿其他事件方法再前面加了 $event ，想获取当前元素的dom对象，但是获取不到，请高人指点，我如何在 textFoled 方法里面获取当前 dom 对象，谢谢。

Answer 1

事件对象，只有在真正的事件动作触发之后才会有的。
比如button的click事件，点击之后才能获取到$event参数。

v-html不是事件，不会有$event参数的。

想获取到span的dom对象，可通过给span标签加个ref属性试试。

Answer 2

直接给span标签加ref，通过ref就可以获取到span标签的dom对象了。