han3sui
V2EX  ›  Vue.js

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

  •  
  •   han3sui · Jan 16, 2020 · 5165 views
    This topic created in 2488 days ago, the information mentioned may be changed or developed.

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

    8 replies  •  2020-01-17 12:46:14 +08:00
    walpurgis
    walpurgis
    Jan 16, 2020 via Android
    1
    要用数据驱动的思想,不到万不得已不要直接操作 dom
    能改后端不,让后端只传数据,不行的话,前端自己解析 html 字符串,拿里面的数据
    randyo
    randyo
    Jan 16, 2020 via Android
    2
    把 html 当成 vue 模板创建一个实例再插入页面
    avenger
    avenger
    Jan 16, 2020 via iPhone❤️1
    3
    我之前解决过一个类似的问题 你看看能不能参考 https://www.v2ex.com/t/553534?p=1
    yyss8
    yyss8
    Jan 16, 2020 via iPhone
    4
    后端一定要返回 html 吗 不能返回 render function 所用的 json 吗
    han3sui
    han3sui
    OP
    Jan 16, 2020
    5
    @avenger 感谢老哥,参考了下,先这样解决了
    han3sui
    han3sui
    OP
    Jan 16, 2020❤️1
    6
    @yyss8 是的,后端返回的都是 html
    qingm
    qingm
    Jan 17, 2020
    7
    要么 后端直接给你 json 然后 vue 渲染
    要么就是 window.funcname = this.funcname
    no1xsyzy
    no1xsyzy
    Jan 17, 2020
    8
    @yyss8 返回 render function 参数也太诡异了吧,照道理应该 #1 只传数据或者把传来的当个 xml 数据解析
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2996 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 10:22 · PVG 18:22 · LAX 02:22 · JFK 05:22
    ♥ Do have faith in what you're doing.