Vue使用Element的级联选择器Cascader清空事件

 <el-cascader ref="sspajcx"
                           :options="treeselect"
                           clearable
                           v-model="liandong"
                           :props="optionProps"              
                           @change="bmxlChange"></el-cascader>

1、首先添加一个 ref="cascaderHandle" 和clearable

2、在要清空的函数方法中this.$refs.sspajcx.checkedValue=""即可,这个clear是清空按钮绑定的方法

   bmxlChange(value) {
           this.$refs.sspajcx.checkedValue=''
        },

3、如何在点击级联选择器本身的那个×后,调用某个方法(或进行某个步骤)
在级联选择器@change绑定的方法中设置监听,即
if (this.$refs.sspajcx.checkedValue.length === 0)
这个就是监听有没有点击级联选择器的清空那个图标

   bmxlChange(value) {
            let that=this;
            if (this.$refs.sspajcx.checkedValue.length === 0){             
              console.log("清空")
            }else{
                console.log("正常")     
            }
        },

最近更新

  1. TCP协议是安全的吗?

    2024-04-06 07:44:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-06 07:44:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-06 07:44:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-06 07:44:01       18 阅读

热门阅读

  1. 机器翻译

    2024-04-06 07:44:01       14 阅读
  2. 自然语言处理——计算编辑距离

    2024-04-06 07:44:01       13 阅读
  3. TCP协议

    TCP协议

    2024-04-06 07:44:01      13 阅读
  4. Redis 怎么发布订阅

    2024-04-06 07:44:01       16 阅读
  5. 洛谷 P4554 小明的游戏

    2024-04-06 07:44:01       10 阅读
  6. 使用vue计算斐波那契数列的第n项

    2024-04-06 07:44:01       15 阅读
  7. 机器学习 - metric评估方法

    2024-04-06 07:44:01       13 阅读
  8. Flink应用

    2024-04-06 07:44:01       14 阅读
  9. Spring Boot 集成 RabbitMQ(二)

    2024-04-06 07:44:01       13 阅读
  10. PyTorch之Torch Script的简单使用

    2024-04-06 07:44:01       15 阅读