vue2中使用 v-html 指令渲染的标签, 标签内绑定的 click 事件

ops/2024/12/31 13:08:03/
htmledit_views">

1. 在div内使用v-htm渲染标签

<div v-html="references">
</div>
....
this.references='<a href="javacript:void(0)" onclick="showDrawer()">提示</a>'

2. 定义事件

 showDrawer(){let content=this.conetntthis.$emit('showReferenceDrawer',content)},

3. 在 mounted 注册事件

 mounted() {window.showDrawer = this.showDrawer},


http://www.ppmy.cn/ops/145968.html

相关文章

YUVxxx中的xxx分别代表什么意思?

学习视频编解码&#xff0c;经常会看到 YUV444、YUV422、YUV420 等像素格式。光靠字面意思很难完全理解 444、422、420 分别代表什么采样方式。但从 色度抽样这个解释中可以明白&#xff0c;这些数字其实有特定的含义。 以下内容引用至 Wikipedia&#xff1a; 视频系统的抽样系…

Flink中并行度和slot的关系——任务和任务槽

一、任务槽&#xff08;task slots) Flink的每一个TaskManager是一个JVM进程&#xff0c;在其上可以运行多个线程&#xff08;任务task&#xff09;&#xff0c;那么每个线程可以拥有多少进程资源呢&#xff1f;任务槽就是这样一个概念&#xff0c;对taskManager上每个任务运行…

基于三种机器学习方法的磁芯损耗预测模型

大家好&#xff0c;我是带我去滑雪&#xff01; 磁性元件在电力转换和传输系统中扮演着关键角色&#xff0c;而磁芯损耗是影响其效率的重要指标。随着工业和能源需求的增长&#xff0c;尤其是可再生能源和智能电网的快速发展&#xff0c;对磁性元件的高效、紧凑、低功耗需求日益…

Photoshop启动错误:找不到MSVCP140.dll的多步骤解决指南

在使用Adobe Photoshop&#xff08;简称PS&#xff09;进行创意设计或图像编辑时&#xff0c;有时会遇到软件启动报错的情况&#xff0c;其中“找不到MSVCP140.dll&#xff0c;无法继续执行代码”是一个常见的错误提示。这个错误通常意味着你的系统缺少了Microsoft Visual C Re…

【js】记录预览pdf文件

接口调用拿到pdf的文件流&#xff0c;用blob处理这个文件流拿到url&#xff0c;使用window.open跳转新的窗口进行预览 api({dataType: blob, }).then(res >{if(res.code 0){this.previewPDF(res,application/pdf;charsetutf-8,pdf文件名)} })previewPDF (res, type, fname…

相交链表(最优解)

题目来源 160. 相交链表 - 力扣&#xff08;LeetCode&#xff09; 题目描述 给你两个单链表的头节点 headA 和 headB &#xff0c;请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点&#xff0c;返回 null 。 图示两个链表在节点 c1 开始相交&#xff1a; …

如何在 ONLYOFFICE 中使用智谱 AI 人工智能插件以及其它实用插件来写文章

如何在 ONLYOFFICE 中使用智谱 AI 人工智能插件以及其它实用插件来写文章 书接上文&#xff1a; 为什么 F-35 拥有更大推力的引擎&#xff0c;只能达到 1.6 马赫速度&#xff0c;然而 F-16 却能达到 2.0 马赫&#xff1f; 这一片其实是我和人工智能一起合写的东西&#xff0…

Unity游戏环境交互系统

概述 交互功能使用同一个按钮或按钮列表&#xff0c;在不同情况下显示不同的内容&#xff0c;按下执行不同的操作。 按选项个数分类 环境交互系统可分为两种&#xff0c;单选项交互&#xff0c;一般使用射线检测&#xff1b;多选项交互&#xff0c;一般使用范围检测。第一人…