<el-cascader
ref="cascader"
:options="options"
v-model="cascadrValue"
:props="{ checkStrictly: true }"
clearable>
</el-cascader>
<script>
export default {
data () {
return {
cascadrValue:"",
}
},
watch: {
cascadrValue() {
if (this.$refs.cascader) {
this.$refs.cascader.dropDownVisible = false
}
}
},
}
</script>
我们只需要监听一下cascadrValue这个v-model就可以了,这样我们的问题就解决了