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

2020-01-16 20:58:50 +08:00
 han3sui

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

4085 次点击
所在节点    Vue.js
8 条回复
walpurgis
2020-01-16 21:39:08 +08:00
要用数据驱动的思想，不到万不得已不要直接操作 dom
能改后端不，让后端只传数据，不行的话，前端自己解析 html 字符串，拿里面的数据
randyo
2020-01-16 21:45:40 +08:00
把 html 当成 vue 模板创建一个实例再插入页面
avenger
2020-01-16 22:13:20 +08:00
我之前解决过一个类似的问题 你看看能不能参考 https://tanronggui.xyz/t/553534?p=1
yyss8
2020-01-16 22:35:15 +08:00
后端一定要返回 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 数据解析

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/638550

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX