欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue使用Element的级联选择器Cascader,选中后下拉框自动关闭

程序员文章站 2022-01-09 09:50:42
这个方法是我在这篇文章中学到的=》详细原理讲解急着用可以先看看我这个简略版的,在级联选择器@change方法中,监听变化,首先添加一个ref="cascaderHandle",在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;

这个方法是我在这篇文章中学到的=》详细原理讲解
急着用可以先看看我这个简略版的,
在级联选择器@change方法中,监听变化,首先添加一个ref="cascaderHandle",在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;

    <el-cascader 
    :options="optionData"  
     ref="cascaderHandle" 
     clearable 
     :props="{ expandTrigger: 'hover',checkStrictly :true}" 
     :show-all-levels="false"
      @change="close">
      </el-cascader>

 close(val){
      console.log(val)
      this.$refs.cascaderHandle.dropDownVisible = false; //监听值发生变化就关闭它
    }

本文地址:https://blog.csdn.net/Sunshine__Girl/article/details/108137036

相关标签: Vue与Element vue