Element-UI级联选择器选择后下拉框不会自动收起的问题解决

Element-UI的级联选择器组件在选择选项之后，展开的下拉框是不会自动收起的，要想使其在选择之后自动收起，要进行以下操作：

在html中：

<el-cascader
        ref="deptIdCascader"
        v-model="areaValue"
        :options="cityList"
        :props="{ expandTrigger: 'hover', checkStrictly: true }"
        @change="handleChange" style="width: 100px;">
</el-cascader>

在js中：

watch: {
    areaValue () {
        if (this.$refs.deptIdCascader) {
            this.$refs.deptIdCascader.dropDownVisible = false
        }
    }
}

参考自：blog.csdn.net/weixin_4566…