vue 从后台获取的 html，替换指定标签后插入 onclick 事件

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 1772 天前的主题，其中的信息可能已经有所发展或是发生改变。

从后台返回的 html，需要替换两个标签为 img，并且添加带参数的 onclick 事件，请教下，怎么操作比较好，v-html 渲染出来无法使用 click 事件的

8 条回复 • 2020-01-17 12:46:14 +08:00

walpurgis

2020-01-16 21:39:08 +08:00 via Android

要用数据驱动的思想，不到万不得已不要直接操作 dom
能改后端不，让后端只传数据，不行的话，前端自己解析 html 字符串，拿里面的数据

randyo

2020-01-16 21:45:40 +08:00 via Android

把 html 当成 vue 模板创建一个实例再插入页面

avenger

2020-01-16 22:13:20 +08:00 via iPhone

我之前解决过一个类似的问题你看看能不能参考 https://www.v2ex.com/t/553534?p=1

yyss8

2020-01-16 22:35:15 +08:00 via iPhone

后端一定要返回 html 吗不能返回 render function 所用的 json 吗

han3sui

2020-01-16 22:40:38 +08:00

@avenger 感谢老哥，参考了下，先这样解决了

han3sui

2020-01-16 22:41:19 +08:00

@yyss8 是的，后端返回的都是 html

qingm

2020-01-17 09:49:40 +08:00

要么后端直接给你 json 然后 vue 渲染
要么就是 window.funcname = this.funcname

no1xsyzy

2020-01-17 12:46:14 +08:00

@yyss8 返回 render function 参数也太诡异了吧，照道理应该 #1 只传数据或者把传来的当个 xml 数据解析