vue-element-admin使用Tinymce富文本插件的踩坑填坑

2023-11-17

vue-element-admin项目的作者已经封装好了Tinymce富文本组件,我直接在Git上下载demo运用到自己项目里。

这是Git地址:https://github.com/PanJiaChen/vue-element-admin

一、Bug描述:

(组件的代码和demo基本一致的前提下)我在编辑弹窗里引用了Tinymce富文本组件,如下图,table的每条数据都有一个“修改”按钮,每次点击“修改”按钮,则弹窗里显示该行对应的HTML。可是从第二次开始每次富文的内容都和第一次的一样,按道理不会呀,因为每次点击“修改”按钮我都会调接口,把接口返回的html插入到富文本组件里,怎么会每次显示的都是第一次弹窗的html内容。

 

二、原因:

经过一番调试,原因是因为弹窗是父组件,富文本是子组件,弹窗关闭的时候子组件没有触发销毁钩子函数,既然没有销毁,那么第二次打开弹窗的时候也就不会再次初始化,所以父组件的弹窗每次打开关闭、打开关闭,显示都是第一次的富文本内容。

三、解决方案:

 

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

vue-element-admin使用Tinymce富文本插件的踩坑填坑 的相关文章

随机推荐

  • 分享全球外贸免费发布产品的平台-跨境贸易平台

    免费发布产品到平台有哪些好处 发布产品增加一些曝光率 提高你产品在谷歌搜索结果的曝光率 为你的官网引流 提高权重 http www ecrobot com 综合 世界综合贸易网站精选前十名 http www ectrade com 亚洲 易
  • ElasticsearchTemplate 常用API使用,看这一篇就够了

    ElasticsearchTemplate 常用API 文章目录 ElasticsearchTemplate 常用API 前言 源码分析 基本使用 单字符串全文查询 指定字段模糊查询 指定字段短语匹配 完全匹配查询 多字段匹配某一个值 完全
  • mysql忘记密码重置密码步骤

    1 使用管理员权限打开cmd窗口 win r后输入cmd 然后按Ctrl Shift Enter 2 停止mysql服务 如上图net stop mysql 3 找到mysql安装目录下的my ini文件 使用管理员权限打开 4 在 mys
  • 内存溢出的原因和解决办法

    1 堆溢出 这种场景最为常见 报错信息 java lang OutOfMemoryError Java heap space 原因 1 代码中可能存在大对象分配 2 可能存在内存泄露 导致在多次GC之后 还是无法找到一块足够大的内存容纳当前
  • QT入门级小项目(vs2015+qt designer混合编程)

    划重点 在vs里面使用c 和qt designer开发一个动态计算加法的小工具 最近想做一个界面 而且QT也是自己一直想学的东西 于是就查了一下python qt和c 与Qt开发的方法 这篇文章就是使用c 开发QT界面 网上关于QT的开发文
  • 深入理解【测试计划】

    工作快一年了 软件测试的理论还没有真正系统深入的研究过 除了平常的业务工作 自己更多的时间花在了程序设计上 接触了那么多的业务 我想是时候结合业务 好好研究一下测试的基础了 未完待续
  • 计算机视觉大作业:EdgeConnect论文阅读

    复现 一 环境配置 运行环境 Python 3 6 6 PyTorch 1 10 0 NVIDIA GPU CUDA 10 2 cuDNN 8 2 Python包 numpy 1 14 3 mkl scipy 1 0 1 future 0
  • 逻辑回归公式推导

    一 预测函数 1 第一个式子称为sigmoid函数 先了解一下sigmoid函数 通过sigmoid函数与线性回归预测函数的联立 即可得到逻辑回归的预测函数 2 即是说 逻辑回归的预测函数实际上是 通过线性回归的预测函数得到一个预测值 连续
  • Hello! protobuf——编译与安装(c++版)

    目录 前言 一 protobuf是什么 二 protobuf官方路径 三 protobuf编译安装 1 安装前建议 2 cmake使用 1 cmake介绍 2 命令行介绍 3 编译选项介绍 4 cmake安装 3 windows下使用nma
  • ChatGPT-4来袭,留学申请文书面临挑战如何破局?

    近日 ChatGPT再次 进化 其最新版本ChatGPT 4又掀高潮 其生产者OpenAI 称 ChatGPT 4是最先进的系统 能生产更安全和更有用的回复 和上一代相比 GPT 4拥有了更广的知识面和更强的解决问题能力 在创意 视觉输入和
  • [Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘value‘)

    1 问题描述 antd 下拉框选择的时候报了这个错误
  • 第一章----行列式知识点汇总

    目录 线性代数 1 来自b站网课截屏 本人亲自截屏作为笔记 在这里供大家学习分享 需要线性代数全部内容请通过传送门自行下载 第一章 行列式 1 1行列式的定义 二阶行列式的定义 排列与逆序 排列 逆序 定理1 1 1 一个对换 奇偶排列改变
  • Pandas 面板Panel

    一 Panel介绍 Pandas 面板 Panel 是3维数据的存储结构 相当于一个存储 DataFrame 的字典 有3个轴 axis 分别给出描述涉及面板数据的操作的一些语义 具体如下 items axis 0 每个项目对应于内部包含的
  • 推荐系统:GBDT+LR简介

    1 GBDT LR简介 前面介绍的协同过滤和矩阵分解存在的劣势就是仅利用了用户与物品相互行为信息进行推荐 忽视了用户自身特征 物品自身特征以及上下文信息等 导致生成的结果往往会比较片面 而这次介绍的这个模型是2014年由Facebook提出
  • ubuntu通过apt安装软件的安装路径

    jdk usr lib jvm 具体jdk版本 tomcat usr share tomcat具体版本
  • 把ffmpeg放到后台自动运行

    最近一个项目 需要用ffmpeg把rtsp流转成ts流 由于rtsp服务器有可能关闭 需要自动的重启ffmpeg去连接rtsp服务器 1 编写一个用ffmpeg转TS流的脚本rtsp2ts sh ffmpeg i rtsp xx xx xx
  • pyd文件介绍

    pyd一般是python外的其他语言如C C 编写的python扩展模块 即python的一个动态链接库 与dll文件相当 在linux系统中一般为 so文件 也有的时候 为了对python文件进行加密 会把python模块编译成 pyd文
  • Unity基础学习之C#学习(二)

    C 程序三大结构 0 前言 1 分支结构 1 1 if语句 1 2 switch语句 2 循环结构 2 1 while循环 2 2 do while循环 2 3 for循环 最常用 2 4 foreach循环 主要用于迭代遍历 3 brea
  • oracle查询结果添加序列,SQL查询结果增加序列号

    SQL查询记录中增加序列号 根据学生成绩在查询结果中增加排名字段 1 SELECT ROW NUMBER OVER ORDER BY SCORE ASC AS RANK NAME SCORE FROM GRADE ORDER BY SCOR
  • vue-element-admin使用Tinymce富文本插件的踩坑填坑

    vue element admin项目的作者已经封装好了Tinymce富文本组件 我直接在Git上下载demo运用到自己项目里 这是Git地址 https github com PanJiaChen vue element admin 一