vue3 elementuiPlus 级联选择器Cascader 选中或者失去焦点后关闭弹层

Jsky
2022-07-15 10:50:49
前端
Vue Element Vue3 ElementPlus

1.选中后关闭弹窗

<el-cascader ref='classifyRef' @change="classifyChange" v-model="list" :options="options" :props="props" clearable />

const classifyRef = ref();
const classifyChange = () => {  
    console.log(classifyRef.value);
    classifyRef.value.togglePopperVisible();
}

2.失去焦点后关闭弹窗

<el-cascader ref='classifyRef' @blur="classifyChange" v-model="list" :options="options" :props="props" clearable />    

const classifyRef = ref();
const classifyChange = () => {  
    console.log(classifyRef.value);
    classifyRef.value.togglePopperVisible();
}

本文为Jsky原创文章,转载无需和我联系,但请注明来自Jsky博客 www.tjin.link