ElementUI折叠组件bug问题及解决

1.嵌套的折叠组件数据渲染问题

1.1场景：

1.2解决思路：

2.折叠组件中使用codemirror插件问题

2.1场景：

2.2 原因：

2.3 解决方法：

1.嵌套的折叠组件数据渲染问题

1.1场景：

v-for渲染的多个折叠组件，且每个折叠组件里面嵌套子折叠组件。

嵌套的多组折叠组件，点击其他组的下拉框的数据后显示的子折叠组件数据显示的是之前的数据，得重新点一下下拉框才能刷新数据。

1.2解决思路：

由于是v-for渲染的多个折叠组件，可以点击最外层的折叠时，先把渲染数据的数组清空，然后把子折叠组件加上el-collapse标签，这样就不会互相影响了。

2.折叠组件中使用codemirror插件问题

2.1场景：

1.样式不对

2.需要点击一次之后才能显示编辑框里面的数据

2.2 原因：

应该数据没有初始化

2.3 解决方法：

使用：key给其绑定一个ID，在折叠组件的change事件的回调函数中ID++,达到重新渲染的目的。

methods中：
// 折叠面板中，嵌套的子集折叠面板clearCollapse () {// 更新key值用来解决bug，使下拉出现JSON--解决样式和点击一次才出现数据this.en_descriptionID++this.selectKeyId++},
给子组件：<JsonEdit :value="item.cve_info.en_description" :key="en_descriptionID" />

ElementUI折叠组件bug问题及解决相关推荐

elementUI 分页组件Bug ，为什么会 infinity ？
个人项目经验总结: 是因为后台的原因,逻辑少走了一层. 而前端页面初次加载的时候直接提交默认参数,然后后台没有按照提交的参数一致性response返回给前端,而是后台自定义的参数值返回给前端渲染的,所 ...
已解决！element-UI 父子组件嵌套使用dilog导致蒙版混乱解决方案！
element-UI 父组件中使用dilog弹框显示子组件,而子组件中同样嵌套dilog弹框,直接使用的话,会发现两个dilog之间会出现蒙版混乱的现象,那么怎么解决呢? 其实很简单,只需要在dilo ...
单独使用elementui_Vue在单独引入js文件中使用ElementUI的组件
Vue在单独引入js文件中使用ElementUI的组件问题场景: 我想在vue中的js文件中使用elementUI中的组件,因为我在main.js中引入了element包和它的css,并挂载到了全局 ...
使用继承思想，去开发一款组件（element-ui collapse组件为例子）
最近在使用element-ui collapse组件的过程中,需要用collapse-item实现拖拽排序,原本组件满足不了,先看下组件的原形.(本文使用的element-ui是用1.4.2版本) 第 ...
Vue和elementUI常用组件问题
做毕设前端用到了vue,边学边做,过程中遇到的问题. 1.按钮点击处理方法: <el-button type="text" icon="el-icon-caret- ...
php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...
dvi黑屏解决方法_赛博朋克2077黑梦黑屏怎么办黑梦BUG全黑模式解决方法
赛博朋克2077黑梦任务中,许多玩家们会遇到黑屏的情况,屏幕一下子就全黑模式了似得.黑梦黑屏了怎么办?黑梦BUG要怎么解决呢?这就来了解下吧. "能让玩家相信它不是bug的bug,还反向给游 ...
[vue-element] ElementUI表格组件如何实现动态表头？
[vue-element] ElementUI表格组件如何实现动态表头? <template v-for="item in tableColownms"> <el ...
elementUI表格组件：自定义列模板（完整案例）
elementUI表格组件:自定义列模板(含效果图) 所谓的自定义列模板,你也可以理解为自定义td的格式. 官方文档地址 :查看地址页面· 效果图 · 对比 : 代码块1 · 对比:<temp ...

ElementUI折叠组件bug问题及解决

1.嵌套的折叠组件数据渲染问题

1.1场景：

1.2解决思路：

2.折叠组件中使用codemirror插件问题

2.1场景：

2.2 原因：

2.3 解决方法：

ElementUI折叠组件bug问题及解决相关推荐

最新文章

热门文章