vue实现在v-html的html字符串中绑定事件
作者：sayok_why 发布时间：2023-07-02 16:44:08
标签：vue,v-html,html,字符串,绑定事件
需求：
需要在v-html的html字符串的button中绑定点击事件，需要点击后做一些操作，必须渲染成html，但是渲染后的html里面写绑定事件的代码没有经过vue编译，所以事件无效。
<div class="code-review">
<div v-html="html" v-highlight @click="addComment($event)"></div>
</div>
computed: {
html () {
return '<button></button >'
},
},
解决办法：
在v-html同级元素中使用事件绑定，然后根据事件触发的目标对象去判断和获取参数。
addComment:function (event) {
if(event.target.nodeName === 'BUTTON'){
// 获取触发事件对象的属性
alert("a");
}
},
来源：https://blog.csdn.net/sayoko06/article/details/86737467
0
投稿猜你喜欢
- 如今，随着深度学习的发展，python已经成为了深度学习研究中第一语言。绝大部分的深度学习工具包都有python的版本，很多重要算法都有py
背景之前是用的是typora来写的文章，最近typora最近开始收费了，所以就不想用了，于是找到了一个替代品MarkText，感觉跟typo- 最近心血来潮加上有点闲情，动手写了第一个JavaScript版的俄罗斯方块Easy Tetris.先上Easy Tetris俄罗斯方块游戏截
- babel-plugin-import 实现自动按需引入Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法b
- 决定数据类型的第一步是定义所存数数据的分类： 数值型， 字符串型还是临时型等;除了一些特别的并不是那么直观的外， 这通常是很直观的。接下来是
- 运维平台导入数据这一功能实在是太重要了，我敢说在没有建自己的cmdb平台前，大多数公司管理服务器信息肯定是表格，用表格最麻烦的就是有点更新就
- 看看这个指令在ASP程序中的应用，有[delete from 歌手 where 艺名='cs2000']，删除艺名为cs20
- Cookie是一种发送到客户浏览器的文本串句柄，并保存在客户机硬盘上，可以用来在某个Web站点会话之间持久地保持数据。Request和Res
- 代码如下:var obj = document.getElementById("name"
- python中的二叉树模块内容：BinaryTree：非平衡二叉树 AVLTree：平衡的AVL树 RBTree：平衡的
- 概要在调用第三方 API 的时候, 基本都有访问限速的限制条件. 第三方的 API 有多个的时候, 就不太好控制访问速度, 常常会导致 HT
- 1.图像直方图基本含义和绘制首先我们先要了解一下python三大剑客之一——matplotlib我们
- 使用实例引用类的属性时，会发生动态绑定。即python会在实例每次引用类属性时，将对应的类属性绑定到实例上。动态绑定的例子：class A:
- 很多网友在经典论坛里说自己的网站为什么色彩上总是有问题，总是看起来没什么精神，没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色
- 1. MyISAM底层存储（非聚集索引方式）与InnoDB底层存储（聚集索引方式）1.1 MyISAM底层存储（非聚集索引方式）Myisam
- 本文实例为大家分享了js+css实现换肤效果的具体代码，供大家参考，具体内容如下效果图如下：需求：点击对应小圆点，下面内容颜色跟着改变主要思
- 百度语音对上传的语音要求目前必须是单声道，16K采样率，采样深度可以是16位或者8位的PCM编码。其他编码输出的语音识别不出来。语音的处理技
- 本文实例讲述了Python素数检测的方法。分享给大家供大家参考。具体如下：因子检测：检测因子，时间复杂度O(n^(1/2))def is_p
- python脚本实现xlsx文件解析，供大家参考，具体内容如下环境配置：1.系统环境：Windows 7 64bit 2.编译环境：Pyth
- 在dreamweaver4中，你可以存储你自己设定的图片，链接，flash影片，颜色表，模板等等，组成这个站点的资产，这就是Assets面板
