首页 前端知识 vue使用v-html或者使用innerHTML加入的html字符串函数不生效

vue使用v-html或者使用innerHTML加入的html字符串函数不生效

2024-02-26 20:02:02 前端知识 前端哥 261 827 我要收藏

每日鸡汤:每个你想要学习的瞬间都是未来的你向自己求救

vue使用v-html, 或者使用innerHTML加入的dom怎么设置函数调用?比如


const div = document.createElement('div')
div.innerHTML = `<span onclick="send"e> click me</span>`

如果你在vue中直接这样写肯定不行,点击这个div的时候,他会提示找不到send方法,所以解决办法是咋mounted之后给window挂载一个send方法就行了

// vue 的mounted 方法
mounted() {
    // 给window挂载一个已有的send方法,这样上面的html代码就可以找到send方法了
    window.send = this.send
}

使用v-html同理,因为v-html指令的本质就是使用了innerHTML方法

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2730.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!