element-ui
文章平均质量分 80
Shopee_Rex
学习ing
展开
-
vue2-ace-editor与el-dialog使用时,无法及时更新编辑器的内容
问题如果在el-dialog中使用vue2-ace-editor,在第二次弹出的时候,如果编辑器的内容发生了变化,但是编辑器并没有正确的更新,需要点击一下编辑器才能成功更新到。原因由于ace编辑器是jquery的库,它本身的库并不是根据数据驱动来设计,所以数据变化之后,编辑器不一定能正确出现,是因为库本身做了一些限制。所以,我们需要在源码上找到问题所在。el-dialog异常问题只有在弹框内使用,并且二次展示的时候才会出现异常。从经验分析,vue2-ace-editor应该是正确设置到值了,但原创 2021-06-28 14:46:03 · 1595 阅读 · 3 评论 -
使用伪类将el-switch文字放在内部
前言由于switch是放在table里的,如果文字放在外面,样式会比较不好看。如果单独写一个浪费造轮子,我们直接动态添加类名,应该可以实现类似的效果,所以就可以使用伪类进行添加文字。效果源码 <el-switch :width="60" :value="getTaskSubscribeState(row)" active-color="#3399FF" inactive-color="#CCCC原创 2020-12-29 16:39:13 · 2418 阅读 · 2 评论 -
elementUI富文本组件封装
富文本这里使用的是vue-quill-editor组件作为富文本功能。在VUE中使用vue-quill-editor非常方便,引入组件就可以马上使用,但是通常情况下,我们都需要进行一些自定义的功能,所以需要自己进行二次封装。初始化```javascript<template> <quillEditor class="ql-toolbar" v-model="content" ref="quillEditor" > </quillEd原创 2020-11-25 11:10:42 · 4198 阅读 · 1 评论 -
element-ui中的el-dialog关于slot懒加载的问题
问题描述由于使用的是dialog的slot,需要在dialog显示一个table但是在IE 11上遇到了一个问题在第一次打开的时候,table的宽度并不能正确的获取正常:问题分析element-ui设计是比较趋于完善的了,dialog的solt使用懒加载是处于性能优化的原因,官方也提供了回调事件去解决这个问题,比如需要在dialog获取到refDialog 的内容是懒渲染的,...原创 2020-01-03 17:22:06 · 8370 阅读 · 1 评论