18910140161

如何在v-html的字符串里加入js语句并执行??

顺晟科技

2022-09-13 12:03:34

226

如题。有几组字符串,里面包含了一些文本,和


顺晟科技:

<div v-for=“todo in todo_list”><span v-html=“todo.content”></div>

类似这样:

现在使用v-html插入字符串,文本和控件都能显示正常,但是点击按钮的事件不会被触发。

vue实现在v-html的html字符串中绑定事件_vue.js_脚本之家 (jb51.net)

等控件,还有一些按钮,点击触发某些事件。然后这几组字符串没有任何共同之处,有的有button有的没有,格式也各不相同。

找到办法了,稍微变通了一下,在穿过来的json字符串里加上一些data属性,然后通过v-html同级的事件来根据这些data属性执行不同的命令。

之所以使用字符串,是因为这几组字符串是其他地方返回的json串,同时,在页面有一个搜索框,输入要搜索的内容就会显示包含该内容的对应字符串。

todo_list.push(name:“card1”, content:"<a type=‘button’ @click=‘Goto(“test”)’ href=’#’>测试1"}); todo_list.push(name:“card2”, content:"<div>测试2</div>"});

请问如何实现点击按钮触发事件?

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航