vxe-modal使用wangeditor富文本 报错：错误：初始化编辑器时候未传入任何参数，请查阅文档

最新推荐文章于 2023-05-25 09:41:21 发布
原创 最新推荐文章于 2023-05-25 09:41:21 发布 · 859 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#编辑器 #前端 #vue.js

本文解决了一个在vxe-modal中使用wangeditor富文本编辑器时报错的问题，原因是vxe-modal显示时未正确渲染弹框。通过在vxe-table的show事件中调用$nextTick来确保DOM更新后渲染富文本，并提供了销毁富文本的方法。
部署运行你感兴趣的模型镜像

vxe-modal使用wangeditor富文本 报错：错误：初始化编辑器时候未传入任何参数，请查阅文档

原因：vxe-modal在显示的时候没有渲染弹框
通过vxe-table的show事件去渲染富文本即可
在这里插入图片描述安全起见，嵌套在this.$nextTick里
在这里插入图片描述
不销毁富文本的话 打开就有好几个富文本了
官方销毁方法如下：
在这里插入图片描述

您可能感兴趣的与本文相关的镜像

Wan2.2-T2V-A5B

Wan2.2-T2V-A5B

文生视频
Wan2.2

Wan2.2是由通义万相开源高效文本到视频生成模型，是有​50亿参数的轻量级视频生成模型，专为快速内容创作优化。支持480P视频生成，具备优秀的时序连贯性和运动推理能力

余皇大帝
关注
如何在弹出窗中使用 vxe-table 详细使用的完整案例源码
chenhdowue的博客
02-28 1145
如何在弹出窗中使用 vxe-table 详细使用的完整案例源码，包含弹窗、表格、分页、增删改查等功能集成使用。查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table使用更强大的 vxe-grid 来实现功能，包含弹窗、表格、分页、增删改查的案例详细教程，具体如下： https://gitee.com/x-extends/vxe-tabl
vxe-modal VxeUI 窗口组件弹窗多窗口模式
chenhdowue的博客
11-25 1041
vxe-modal VxeUI 窗口组件弹窗多窗口模式，VxeUI 实现在 vue 中使用弹窗组件，弹窗多个窗口可叠加，实现多实例的窗口组件。
vue_modal:只是使用Vue创建的简单模式窗口
05-18
vue_modal 带有模态窗口的vue应用程序
wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档
qq_43368308的博客
02-21 1330
参考wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档](https://www.cnblogs.com/lingkang/p/16698387.html)出现的原因可能是你未在初始视图、元素未创建、created、模态框、弹窗、抽屉中使用，你应该在div元素创建了再执行初始渲染，接下来在生命周期中使用就行了（函数名字我换了，你自己也可以换一下），如下。wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档。希望我的也能帮助到看到的你！记得在data加上变量editor。
精选资源
vxe-table-plugin-menus::deciduous_tree: 基于 vxe-table 的表格插件，提供实用的快捷菜单集
04-13
vxe-table-plugin-menus 基于 的表格插件，提供实用的快捷菜单集 Installing npm install xe-utils vxe-table@next vxe-table-plugin-menus@next // ... import VXETable from 'vxe-table' import ...
精选资源
vxe-table::dolphin: vxe-table vue 表格解决方案
05-11
vxe-table 简体中文|| 一个基于的PC端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等....
vxe-utils::cactus: 用于 Vue 全局安装 xe-utils
05-05
vxe-utils 用于Vue全局安装xe-utils 正在安装 npm install xe-utils vxe-utils < script src =" https://cdn.jsdelivr.net/npm/vue " > </ script > < script src =" ...
错误：初始化编辑器时候未传入任何参数，请查阅文档
weixin_54830128的博客
02-26 2174
VUE的一个小组件 <template> <div class="editor" style="height:100%"> <div id="div1" style="height:500px">//用来装编辑器的盒子 <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> </div> </div> </template> <script..
wangeditor 一个好用的编辑器
03-18
wangeditor 一个好用的编辑器，
wangEditor文档
01-22
wangEditor文档，描述各种功能的实现
element的弹出层使用wangEditor初始化问题以及多次点击嵌套问题
weixin_44982333的博客
05-29 2576
问题报错 下面展示一些 。 Error in v-on handler: "Error: 错误：初始化编辑器时候未传入任何参数，请查阅文档" Error: 错误：初始化编辑器时候未传入任何参数，请查阅文档 at new Editor (wangEditor.js:4335) at VueComponent.showClick (notice.vue?4fa1:191) at opened (notice.vue?932d:266) at invokeWithErrorHandling (vue.runtim
Vue使用wangEditor富文本编辑器报错(ot find a descendant at path [0,1] in node: {“children“:[{“type“:“paragraph)
akkigg的博客
05-25 4279
Vue使用wangEditor富文本编辑器报错(ot find a descendant at path [0,1] in node: {"children":[{"type":"paragraph)
富文本编辑器wangEditor（1）
macgigo的博客
07-21 1446
test1：测试文章 富文本编辑器的使用 本次用的富文本编辑器框架为： 原因：简介，轻量； 首先下载测试文档，查看代码：（vue实例） 首先创建编辑器： // 引入 wangEditor import wangEditor from 'wangeditor' mounted() { const editor = new wangEditor(`#demo1`) // 配置 onchange 回调函数，将数据同步到 vue 中 editor.config.onchang
在线 HTML 编辑器初始化参数使用
qq_40208605的博客
06-24 420
语法： K.create('#id',{options});参数采用 key-value 格式 采用 items 属性，定制工具栏按钮显示 使用 kindeditor 使用图片上传编辑显示功能，需要指定 uploadJson 和 fileManagerJson 默认实现文件上传程序是 php 程序 使用文件管理器功能 和 fileManageJson...
wangEditor编辑器使用
qq_40017621的博客
04-25 5201
. wangEditor 编辑器的使用 通过 https://github.com/wangfupeng1988/wangEditor/releases 下载wangEditor文档 引入到项目中。 通过 <script type=”text/ script ” src=”/wangEditor.js”> 引入wangEditor.js到项目中 2.创建wangEdi...
wangEditor使用简记
weixin_34324081的博客
05-26 251
  页面 &lt;!--用父容器来控制宽度--&gt; &lt;div style="width:800px"&gt; &lt;!--用当前元素来控制高度--&gt; &lt;textarea id="textarea1" style="height:400px;max-height:500px;"&gt; &lt;p&g
vxe-table v3.6.11 使用配置式表格，报错：缺少必要的“show-header-overflow”参数
最新发布
12-06
根据用户的问题，我们需要解决vxe-table v3.6.11在配置式表格中报错缺少“show-header-overflow”参数的问题。结合提供的引用信息，我们可以分析如下： 1. 引用[1]提到，当show-overflow/show-header-overflow/show...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值