![](https://img-blog.csdnimg.cn/20191210163450965.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
elementUI
零碎element-UI库知识!
一头浓密的黑发
敲着代码,开着宝马,还有浓密黑发---------------想屁吃呢!
展开
-
el-table全选或者多选时,获取选中的数组
使用el-table时,常常会用到它的多选功能,但是查看其api会发现,只提供了添加为多选表格的属性,但是并没有提供怎么获取我们所选中的行,即所选中的那个行id数组。其实,el-table在封装时,它的源码中是做了这个获取操作的,我们只需要拿过来一条代码就能搞定。html:js:就是这一句简单的代码能满足我们的需要啦!...原创 2020-04-04 22:36:23 · 4632 阅读 · 1 评论 -
el-select多选下拉框实现全选功能
elementUI的下拉框支持多选,但是不支持全选,但需求就要这个功能,怎么办,封装呗~有两种方法,第二种感觉简单些。方法一:下拉项增加一个【全选】,然后应该有以下几种情况:下拉选项全都勾选时,【全选】自动勾选;下拉选项部分勾选时,点击【全选】后,所有下拉项全部勾选;下拉选项全都未勾选时,点击【全选】后,所有下拉选项不勾选;下拉选项和【全选】都选上的时候,不勾选任意下拉选项,【全选】按...原创 2019-12-09 18:51:18 · 11652 阅读 · 4 评论 -
el-select绑定对象
需要添加value-key属性原创 2019-10-31 14:45:26 · 5818 阅读 · 0 评论 -
select下拉框类型转变
无论给select绑定的是value字段还是一个对象,在没有进行选择下拉项之前,其的绑定值都是一个空字符串的字段,那么在绑定对象情况下,又得用其绑定值进行判断时,是个大坑...原创 2019-10-28 18:20:23 · 803 阅读 · 0 评论 -
select的value绑定对象而界面监听不到刷新问题
xxxx原创 2019-10-28 17:44:45 · 285 阅读 · 0 评论 -
element中dialog弹框被遮罩层覆盖问题
谢谢谢谢原创 2019-10-28 17:23:57 · 3595 阅读 · 2 评论 -
element之表单校验函数
element表单组件使用其自己的校验/重置方法时,一是设置ref,二是设置prop(这是关键,根据prop来校验/重置不同的控件)原创 2019-11-12 13:13:21 · 1661 阅读 · 0 评论 -
扩展行展开时加载异步数据
代码及效果如下:当点击扩展时,控制台显示有数据返回,但是界面上的效果是展开行快速展开并收缩,当点击第二次时才能正常显示数据,造成的原因是扩展行的type='expand’属性,它控制扩展行没有数据时自动收缩,有数据才展开,说明我们点击扩展时,扩展行里没有数据,但是为什么控制台显示有数据呢?原因是,扩展行组件展开的行为是同步的,而ajax请求数据是异步的,展开行为在数据回来并绑定之前就完成...原创 2019-08-22 12:26:39 · 611 阅读 · 0 评论 -
el-tree懒加载
1.节点层只认label和children字段2.props中可以将字段转化为label和children3.懒加载,每次请求回的节点层对象结构都该相同原创 2019-08-16 11:42:46 · 7874 阅读 · 1 评论 -
el-tree复选框变单选框
xxxxxx原创 2019-11-12 16:18:11 · 1565 阅读 · 1 评论 -
el-tree
结构:节点层的名称只认label,分层只认children逻辑:增加子节点,编辑/修改本节点懒加载原创 2019-11-12 16:46:17 · 573 阅读 · 0 评论 -
element多选select
xxx原创 2019-07-29 15:29:26 · 1243 阅读 · 0 评论 -
element-联动下拉框
需求:两个下拉框,一个选择省,一个选择市,正常逻辑是要求市必须在选择的省内,所以就需要做联动。首先在页面初始化时就把省的数据拿回来,但不请求市,因为市需要根据省的值去取,所以给省下拉框绑定change事件,在值改变时再上传省id去请求对应的市数据由此便做了联动。注意:使用element的下拉框时,界面展示的是lable,而选择的和传递的实际是value,所以要注意value的绑定,一般...原创 2019-06-27 18:58:31 · 3575 阅读 · 0 评论 -
element-表单
通过refs获取表单实例,再调用element的表单重置方法,可以重置绑定在表单上的对象使用表单的验证规则时,其是根据prop来验证,所以prop得取值和v-model绑定的值一样,才能使二者指向相同,都是input框的value值...原创 2019-06-27 18:57:19 · 1423 阅读 · 0 评论