
elementUI
Gem__
这个作者很懒,什么都没留下…
展开
-
el-cascader联级选择器在v-for循环中获取节点对象的正确使用姿势
el-cascader在v-for中使用refs.xxx.getCheckedNodes()会报getCheckedNodes is not a function ,研究了很久,终于搞出了正确姿势://v-for循环时要有item和index ,将index传入el-cascader的change事件:<el-row v-for(item,i) in orgList :key="index"><el-cascader ref="tree" @change = "checkedCh.原创 2020-08-04 00:07:25 · 2086 阅读 · 1 评论 -
关于element中联级选择器el-cascader单选,选中复选框联级模态框立即消失
如图,此联级选择器设置为单选,所以用户点击左侧单选框选中后,需要点击其他空白地方才选择框能消失,如果联级选择器在较小的dialog弹窗的表单中,点击其他地方,弹窗和选择器都直接消失了,用户体验非常的不友好,如果是单选的话,所以一旦选中的话,界面就没有必要显示了。想要实现选中立即隐藏这里可以使用this.$refs.[“联级选择器的ref值”].dropDownVisble = false,代码如下://el-cascader的change事件,saveOrgTree是联级组件的refcheckedCh.原创 2020-08-03 23:51:15 · 2102 阅读 · 1 评论 -
el-select可搜索功能,实现对输入的搜索内容进行控制
今天测试提了一个bug,需求是一个下拉框,带搜索过滤功能,测试要求对输入的内容进行控制,控制其长度为20,搜索功能是不进行交互的,是前端的一个功能而已,测试要求,那就搞呗。可以用.native获取内部input<el-selectv-model="searchForm.productId"placehoder="请输选择产品或输入产品名字过滤"filterable@input.native="filterData"clearableref="searchSelect"><原创 2020-07-25 10:04:28 · 7882 阅读 · 5 评论