• elementui Cascader 清空选中的值 clearCheckedNodes


    首先看下官方的文档,直接上图

     可以看到,文档说调用这个方法即可清空选中的节点,于是就是调用下试试吧

    //利用 ref 选中  ,然后调用 此方法
    this
    .$refs.cascaderRef.clearCheckedNodes();

    然后就

    有点尴尬,用不了,直接百度,百度出来了一种方法

    转载:https://blog.csdn.net/weixin_40235831/article/details/105410935

    看了下,要改源码,麻烦死,下面介绍一种简单的方法:vue的双向绑定

    先贴出级联选择器的代码

    <el-cascader
                ref="cascaderRef"
                v-model="selectedIds"
                :options="parListData"
                :props="cateProps"
                @change="handleCateChange"
                clearable
              ></el-cascader>

    看到v-model这个了吗?这个是获取选中的级联的id,并把它存放到数组selectedIds中,想要清空选中的选项,直接让该数组为空即可

    this.selectedIds=[];

    存的是id还是value,或者其他的,则由props决定

  • 相关阅读:
    jquery mobile (一)
    jquery mobile 前言
    MD5Helper辅助类
    设计权限管理系统(十四)
    设计权限管理系统(十三)
    display:table-cell的min-height
    CORS跨域cookie传递
    性能优化-合成层
    textarea自适应高度
    仿今日头条按钮loading效果
  • 原文地址:https://www.cnblogs.com/zqblog1314/p/13701068.html
Copyright © 2020-2023  润新知