Vue使用Element的级联选择器Cascader,在方法中清空选项
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
最近使用vue写项目,用到的是ELement的框架,项目中有个地方用到了级联选择器,好多东西直接在官网都找不到。
一、我要实现点击清空以后,去调用一个和点击下拉选项不一样方法,做这个功能的时候,也找到了如何在方法中清空级联选择器的选项。
官网上只说明了想要清空级联选择器只需要添加一个clearable
原理就是在级联选择器上面绑定一个监听
1、首先添加一个 ref="cascaderHandle"
和clearable
2、在要清空的函数方法中this.$refs.cascaderHandle.checkedValue=""
即可,这个clear是清空按钮绑定的方法
3、如何在点击级联选择器本身的那个×后,调用某个方法(或进行某个步骤)
在级联选择器@change
绑定的方法中设置监听,即
if (this.$refs.cascaderHandle1.checkedValue.length === 0)
这个就是监听有没有点击级联选择器的清空那个图标
二、关于清空级联选择器的选项,还有一种方法,定义一个变量
当需要清空选项的时候,直接this.cascaderCheck=[]
即可
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:5 个月前 )
c345bb45
9 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 9 个月前
更多推荐
已为社区贡献9条内容
所有评论(0)