ElementUI
ElementUI
小火车况且况且
这个作者很懒,什么都没留下…
展开
-
ElementUI中table边框去掉之后左右两侧存在残留问题
ElementUI中table边框去掉之后左右两侧存在残留问题问题图片(出现的问题和屏幕大小有点关系,改变屏幕宽度问题会时隐时现)只是个人的解决办法是给表格添加背景色只是个人的解决办法是给表格添加背景色只是个人的解决办法是给表格添加背景色添加过边框border: none无效目前项目上合适的方法是设置表格背景,将该问题在视觉效果隐藏,不一定适用于其他项目.el-table { background-color: pink;}...原创 2021-10-13 15:48:10 · 708 阅读 · 1 评论 -
ElementUI中tooltip出现无法显示的问题
ElementUI中tooltip出现无法显示的问题代码,当el-tooltip标签中的元素添加v-if时候,会出现无法显示问题<el-tooltip class="item" effect="dark" width="200" placement="top"> <div slot="content" style="width: 400px"> {{ scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原创 2021-06-29 21:37:59 · 3141 阅读 · 0 评论 -
Vue 中对ElementUI的Dialog组件封装
Vue 中对ElementUI的Dialog组件封装<el-dialog title="提示" :visible.sync="visible" :close-on-click-modal="false" @close="QualityDialogClose"> <span slot="footer" class="dialog-foo...原创 2019-12-02 10:20:56 · 9154 阅读 · 2 评论 -
Element 中颜色选择器返回16进制
ElementUI 中颜色选择器返回16进制element中的颜色选择器返回的是rgb的颜色格式将rgb的格式转为16进制 @active-change='handleChange面板中当前显示的颜色发生改变时触发<el-color-picker v-model="color" color-format='hex' @active-change='handleChange'></el-color-picker>先用正则获取到rgb的数值handleChan原创 2020-06-15 16:47:02 · 5102 阅读 · 5 评论 -
ElementUI 中 el-scrollbar 滚动条样式组件的使用
ElementUI 中 el-scrollbar 滚动条样式组件的使用在使用 ElementUI 时 不难发现, 滚动条的样式和浏览器本地的不同通过 检查元素发现存在一个el-scrollbar 类名使用<el-scrollbar class="SideBar-scrollbar"> <p>欢迎访问</p> <el-menu :colla...原创 2019-10-17 10:04:34 · 2580 阅读 · 0 评论 -
ElementUI 中的Dialog嵌套form表单时出现校验清除残留问题
ElementUI 中的Dialog嵌套form表单时出现校验清除残留问题问题描述 : 当出现多个弹出框的时候(比如新增和编辑), 调用组件自带的resetFields 和 clearValidate 方法可能不起作用目前的解决方法:2.1 给form设置 validate-on-rule-change 为false2.2 或者将resetFields 和 clearValidate方法...原创 2019-10-16 14:35:11 · 2846 阅读 · 0 评论 -
ElementUI 中在原有的方法中传递自定义的参数
ElementUI 中在原有的方法中传递自定义的参数需求描述 : ElementUI 中的自定义方法带有参数, 当需要自己传递一个参数, 又不想覆盖方法本身参数原创 2019-10-15 09:35:45 · 2730 阅读 · 0 评论 -
ElementUI循环生成的Form表单添加校验
ElementUI循环生成的Form表单添加校验所以总结起来的语法就是 :prop="'v-for绑定的数组.' + index + '.v-model绑定的变量'"HTML代码片段VUE中data中的声明效果图ElementUI 中使用循环生成的form表单需要动态添加校验的规则在data中定义好需要的rule,使用Element的语法给 :rules 动态绑定:prop="getA...原创 2019-08-13 15:24:58 · 8514 阅读 · 3 评论 -
Element 中的表格表头添加搜索图标和功能
Element 中的表格表头添加搜索图标和功能1. 表头需要指定的图标, 并且可以点击可能存在输入框, 下拉选择器, 时间选择器弹出框使用的是 Element 的 Popover 弹出框组件, 相比于 Dialog 弹出框组件更加轻便2. 功能的实现2.1 表头的搜索按钮可以使用 Element 中table组件的插槽Element 中table组件的插槽使用 slot...原创 2019-10-10 15:02:40 · 8657 阅读 · 7 评论