element-ui
像牛奶却不是牛奶
这个作者很懒,什么都没留下…
展开
-
el-progress渐变色
在需要的地方引入组件,一般是el-progress的下方。然后再css里写样式选择需要的渐变色,到这里就完成了。线性渐变:直接修改样式根据所需颜色修改即可。原创 2024-03-18 15:41:29 · 2477 阅读 · 0 评论 -
vue element table 标题嵌套checkbox 全选不更新视图问题
需要给el-table-column添加key属性。原创 2022-07-19 14:34:37 · 873 阅读 · 0 评论 -
element ui watch el-input赋值之后无法删除或修改
今天在开发过程中偶然返现这个小问题:watch监听父组件传过来的值并给el-input赋值 之后发现无法修改input得值 需要在input里添加 @input="change($event)"然后在methods里写上以下方法就ok了。原创 2022-11-29 10:00:53 · 1967 阅读 · 2 评论 -
element table合并行或列 span-method
再请求到后台数据之后如果数据不是按你想合并字段排序的话,这时候需要多做一步排序,把需要合并的那个字段分组显示,这里就不过多赘述了(这个分组一般后台都能做)。之后再调用接口获取到数据之后运行获取merge和subscript的方法。到这就已经把数据处理完了接下来就是处理el-table的合并方法。显然这种固定写法并不能满足我们日常开发中的需求。首先再data里定义两个变量。首先来看下官网上如何写的。接下来就讲一下如何操作。原创 2023-09-20 13:15:20 · 958 阅读 · 0 评论 -
2021-06-22 vue element el-select组件封装 支持懒加载 多选 回显
vue element el-select组件封装 支持懒加载 多选 回显el-select数据过多处理方式假设我们有个下拉框是用来选择课程的:javascriptel-select数据过多处理方式一种优化思路:element-ui的select有一个remote-method,支持远程搜索,我们让服务端支持一下不就可以了,当然这是一种解决的方案。但是有时候这种方法对我并能够不适用,因为这样会出现回显问题,回显的时候是还需拿到所需option;另一种优化思路:下拉懒加载, 当select滚动到底部原创 2021-06-22 23:51:18 · 1507 阅读 · 3 评论 -
vue element-ui el-table里嵌套了el-select双向绑定失效问题
今天测试时候发现了个bug element-ui的table组件中嵌套了select组件 ,选择之后发现数组中有数据,页面没有刷新数据无法展示,所以判断双向绑定失效。网上很多方法都试过了,像this.$set,this.$forceUpdate(),以及table的doLayout() 结果都没有解决问题。查了很多资料发现需要在el-table-column加一个key才能解决,于是加了key,就能双向绑定了,但是其中的原理不太了解,资料只给了解决方法没给问题原理求解。原创 2023-09-05 10:55:59 · 1234 阅读 · 0 评论 -
elementui Cascader 踩过的坑
观察数据发现最后一级也有children只不过children=[],这就导致组件无法确定最后一级,所以无法触发change事件,所以把最后一级children=[]的属性删除掉应该就可以,后端统一方法无法处理该数据,所以就智能前端自己出来请求到的数据。分析问题:需求明明很简单,组件可以满足需求,直接拿过来用,却一直无法触发绑定的change事件,只有添加props.checkStrictly = true时才可以触发,但是不能实现需求。使用递归遍历请求到的数组,检查每个元素是否有子元素。原创 2023-08-29 09:51:08 · 545 阅读 · 0 评论