程序员经验分享-hwhale

富文本编辑器wangEditor回显问题

2023-05-16
  • 回显时渲染dom报错问题：

富文本编辑器在回显html时偶尔会报以下错误：

Error in v-on handler: "Error: Cannot find a descendant at path [1,1,0] in node: {“children”:[],“operations”:[{“type”:“remove_node”,“path”:[0],“node”:

这个问题在github也提issues了，目前靠谱的解决方法为在关闭dialog时同时销毁富文本编辑器，让dialog与富文本编辑器同时v-if绑定同一个变量即可。

          <div v-if="dialogFormVisible" style="border: 1px solid #ccc;">
              <Toolbar
                style="border-bottom: 1px solid #ccc"
                :editor="editor"
                :defaultConfig="toolbarConfig"
                :mode="mode"
              />
              <Editor
                style="height: 500px; overflow-y: hidden;"
                v-model="html"
                :defaultConfig="editorConfig"
                :mode="mode"
                @onCreated="onCreated"
              />
            </div>
  • 添加时存在缓存，此时单单控制富文本的v-if无效，必须要连同dialog一起销毁，此时控制dialog显示的变量要放在组件上
 <add-or-update ref="addOrUpDataRef" @getList="getList" v-if="diaShow" @close="diaShow = false"/>

富文本存在于add-or-update组件中，如果在这个组件里用变量控制一个dialog就会出现上述问题，此时直接让dialog的visable为true，然后将控制是否隐藏显示标识在最外层，这样每次弹窗都是新创建和销毁组件，可解决缓存问题。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

富文本编辑器wangEditor回显问题 的相关文章

  • JDBC的API----Connection

    作用 xff1a 1 获取执行sql的对象 2 管理事务 获取连接对象 Connection conn 61 DriverManager getConnection String url String name String passwor

  • 数据库连接池----Druid

    数据库连接池的标准接口 xff1a DataSource 获取连接的方法 xff1a Connection getConnection Druid是Java最好的数据库连接池之一 Druid数据库连接池的使用步骤 xff1a 1 导入jar

  • Java--IP地址操作类----InetAddress

    此类表示IP地址 InetAddress API xff1a public class InetAddressDemo01 public static void main String args throws IOException 1 获

  • MyBatis----映射文件概述

    创建映射文件时一定要给映射文件添加约束头 xff0c 约束头相对固定 xff0c 可以直接复制 xff1a lt xml version 61 34 1 0 34 encoding 61 34 UTF 8 34 gt lt DOCTYPE

  • 如何使用MyBatis

    1 创建user表 xff0c 添加数据 CREATE DATABASE mybatis USE mybatis DROP TABLE IF EXISTS tb user CREATE TABLE tb user id INT PRIMAR

  • Mapper代理开发

    1 定义与SQL映射文件同名的Mapper接口 xff0c 并且将Mapper接口和SQL映射文件放置在同一目录下 2 设置SQL映射文件的namespace属性为Mapper接口的全限定名 lt mapper namespace 61 3

  • Windows连接远程Ubuntu RDP

    一 配置远程Ubuntu 1 安装 TrigerVNC Server sudo apt install tightvncserver 2 安装xrdp sudo apt install xrdp 查看运行状态 sudo systemctl

  • 【EHub_tx1_tx2_E100】Ubuntu18.04 + ROS_ Melodic + 银牛R132深度相机(如何在该环境下打开摄像机获取rgb/深度图/点云)

    简介 xff1a 介绍银牛微电子 3D 机器视觉R132相机 在EHub tx1 tx2 E100载板 xff0c TX1核心模块环境 xff08 Ubuntu18 04 xff09 下测试ROS驱动 xff0c 打开摄像头图像和查看深度图

  • week5 作业B TT's Magic Cat

    TT s Magic Cat Thanks to everyone s help last week TT finally got a cute cat But what TT didn t expect is that this is a

  • week8 CSP模拟C 咕咕东的奇妙序列

    咕咕东的奇妙序列 有一个序列11212312341234512345612345671234567812345678912345678910 特点为由若干部分组成 每一部分si为1 i所有数字 给出q q lt 61 500 次查询 每次查

  • week9 作业B 东东学打牌

    东东学打牌 最近 xff0c 东东沉迷于打牌 所以他找到 HRZ ZJM 等人和他一起打牌 由于人数众多 xff0c 东东稍微修改了亿下游戏规则 xff1a 所有扑克牌只按数字来算大小 xff0c 忽略花色 每张扑克牌的大小由一个值表示 A

  • week11 E - 选做题11-1 东东与 ATM

    选做题11 1 东东与 ATM 一家银行计划安装一台用于提取现金的机器 机器能够按要求的现金量发送适当的账单 机器使用正好N种不同的面额钞票 xff0c 例如D k xff0c k 61 1 2 N xff0c 并且对于每种面额D k xf

  • week13 C - TT 的奖励（必做）

    TT 的奖励 xff08 必做 xff09 在大家不辞辛劳的帮助下 xff0c TT 顺利地完成了所有的神秘任务 神秘人很高兴 xff0c 决定给 TT 一个奖励 xff0c 即白日做梦之捡猫咪游戏 捡猫咪游戏是这样的 xff0c 猫咪从天

  • 程序设计作业之C - 掌握魔法の东东 I和D-数据中心

    程序设计作业 C 掌握魔法 东东 ID 数据中心 C 掌握魔法 东东 I 东东在老家农村无聊 xff0c 想种田 农田有 n 块 xff0c 编号从 1 n 种田要灌氵 众所周知东东是一个魔法师 xff0c 他可以消耗一定的 MP 在一块田

  • 程序设计之B - 东东学打牌（C++

    目录 题目大致题意解题分析测试数据 xff08 全面代码 题目 题面 最近 xff0c 东东沉迷于打牌 所以他找到 HRZ ZJM 等人和他一起打牌 由于人数众多 xff0c 东东稍微修改了亿下游戏规则 xff1a 所有扑克牌只按数字来算大

  • Week11 C-必做题 11-3

    题目 Julius Caesar 曾经使用过一种很简单的密码 对于明文中的每个字符 xff0c 将它用它字母表中后 5 位对应的字符来代替 xff0c 这样就得到了密文 比如字符 A 用 F 来代替 如下是密文和明文中字符的对应关系 密文A

  • NO.4模测之TT数鸭子

    TT数鸭子 时间限制 空间限制 1S 256MB 题目描述 这一天 TT因为疫情在家憋得难受 在云吸猫一小时后 xff0c TT决定去附近自家的山头游玩 TT来到一个小湖边 看到了许多在湖边嬉戏的鸭子 xff0c T顿生羡慕 此时他发现每一

  • PS2020安装时出现184错误解决办法（详细步骤

    首先一些之前安装过Photoshop 的伙伴们再次安装就会出现 184错误 xff0c 那么如何解决涅 xff1f 见如下步骤 亲测有效 1 打开C programfiles commonfiles 找到adobe文件夹 xff0c 把它删

  • 【ROS2 入门】虚拟机环境 ubuntu 18.04 ROS2 安装

    大家好 xff0c 我是虎哥 xff0c 从今天开始 xff0c 我将花一段时间 xff0c 开始将自己从ROS1切换到ROS2 xff0c 做为有别于ROS1的版本 xff0c 做了很多更新和改变 xff0c 我还是很期待自己逐步去探索R

  • 如何在Markdownpad2中显示数学公式

    前言 说句实话 xff0c 我觉得markdown比LaTeX方便多了 xff0c 但是就是数学公式方面太麻烦了 xff0c 所以只好想方设法找办法 Markdown pad2的安装 如果你还没有安装markdownpad2的话 xff0c

随机推荐

  • 如何在其他盘安装office

    office 2019安装详细过程 把office安装在D盘 目录 office 2019安装详细过程把office安装在D盘前言声明下载Office准备工作正式安装Office的时刻到了无法安装 xff0c 错误 xff0c 需要重启 x

  • 接口回调（笔记

    接口回调讲解 回调定义回调机制回调意义接口回调的实现步骤参考 网上看了一堆 xff0c 感觉有点零散 xff0c 我自己总结一下 看评论区说存在很多问题 xff0c 我读了一下 xff0c 雀氏存在一些 xff0c 非常感谢批评指正 xff

  • Weka下载安装详解

    目录 前言Weka下载Weka安装Weka启动 前言 如果你没有安装Java的话 xff0c 请看这里 xff0c 选择合适的Java版本 xff0c 这里我选用的是java11 选择jdk8也可以 xff0c 它有jre xff0c 11

  • Android Studio安装教程

    Android Studio详细安装教程 1 Java环境配置2 Android Studio的安装 1 Java环境配置 这里Android开发基于Java语言 xff0c 所以先配置Java环境 首先选择合适的jdk版本 xff0c 随

  • 活动的四种启动模式详解

    android launchMode 目录 android launchMode前言概念说明standardsingleTopsingleTasksingleInstance Codes演示说明standard代码singleTop代码si

  • VS2019切换中英文

    Visual Studio2019语言包切换1 打开安装程序2 选择语言包3 一系列操作 Visual Studio2019语言包切换 忘了设置语言包来着 xff0c 它默认中文了 xff0c 总觉得每次找东西看起来怪怪的 如果已安装了英语

  • Java关键字super解释

    目录 前言 xff08 废话文学 xff09 前言 xff08 定义 xff09 super 之构造方法super 之成员函数super 之成员变量结束语 前言 xff08 废话文学 xff09 又是看了一大堆文字介绍 xff0c 非常系统

  • 程序员的心得体会

    目录 前言工作学习 xff08 正式严肃 xff09 emo转乐观 前言 这是一篇丰富多彩 摸鱼 的文章 一呢是分享一下子自己迈入程序员工作了2个月的感受 xff0c 还有呢就是多方面交谈 xff0c 或许给点人生建议 xff0c 还有说说

  • VisualStudioCode：Java 11 or more recent is required to run. Please download and install a recent JDK

    从7月22日起 xff0c 今后vs code将不再支持用java8运行java插件 xff0c 需要使用java11 才能进行Visual Studio Code的编译 xff1a 解决方法 xff1a 先下载一个java11的jdk j

  • 【GStreamer】MP4文件种提取H264 字节流数据保存

    大家好 xff0c 我是虎哥 xff0c 简短的分享一个小技巧 xff0c 也作为自己的记录留用 一般MP4文件和MKV文件都是我么从网络上比较容易获取的 xff0c 但是我们用来做目标识别和检测的视频输入需要单纯的视频文件 xff0c 下

  • A-咕咕东的奇遇

    题目 xff1a 咕咕东是个贪玩的孩子 xff0c 有一天 xff0c 他从上古遗迹中得到了一个神奇的圆环 这个圆环由字母表组成首尾相接的环 xff0c 环上有一个指针 xff0c 最初指向字母a 咕咕东每次可以顺时针或者逆时针旋转一格 例

  • A-DDL的恐惧

    题目 xff1a ZJM 有 n 个作业 xff0c 每个作业都有自己的 DDL xff0c 如果 ZJM 没有在 DDL 前做完这个作业 xff0c 那么老师会扣掉这个作业的全部平时分 所以 ZJM 想知道如何安排做作业的顺序 xff0c

  • C-平衡字符串

    题目 xff1a 一个长度为 n 的字符串 s xff0c 其中仅包含 Q W E R 四种字符 如果四种字符在字符串中出现次数均为 n 4 xff0c 则其为一个平衡字符串 现可以将 s 中连续的一段子串替换成相同长度的只包含那四个字符的

  • week11-作业（必做题）

    文章目录 A 必做题11 1题目 xff1a 输入格式 xff1a 输出格式 xff1a 样例输入 xff1a 样例输出 xff1a 题目分析 xff1a 代码 xff1a B 必做题11 2题目 xff1a 输入格式 xff1a 输出格式

  • CSP-M3

    文章目录 T1 瑞神的序列题目描述 xff1a 输入描述 xff1a 输出描述 xff1a 样例输入 xff1a 样例输出 xff1a 数据组成 xff1a 题目分析 xff1a 代码 xff1a T2 消消乐大师 Q老师题目描述 xff1

  • week12-作业-必做题

    文章目录 A 必做题 1题目 xff1a Input xff1a Output xff1a Sample Input xff1a Sample Output xff1a 题目分析 xff1a 代码 xff1a B 必做题 2题目 xff1a

  • week13-作业-必做题

    文章目录 A TT的神秘任务1题目 xff1a Input xff1a Output xff1a Example xff1a Input xff1a Output xff1a 题目分析 xff1a 代码 xff1a B TT的神秘任务2题目

  • week13-T1-T2

    文章目录 A 1 T1题目 xff1a 输入格式 xff1a 输出格式 xff1a Sample Input1 xff1a Sample Output1 xff1a Sample Input 2 xff1a Sample Output 2

  • week15-字符串

    目录 A ZJM 与霍格沃兹 必做题 xff09 Bkdr Hash算法 题目 Input Output Sample Input Sample Output 题目分析 xff1a 代码 xff1a B ZJM 与生日礼物 xff08 选做

  • 富文本编辑器wangEditor回显问题

    回显时渲染dom报错问题 xff1a 富文本编辑器在回显html时偶尔会报以下错误 xff1a Error in v on handler 34 Error Cannot find a descendant at path 1 1 0 in

热门标签