element-ui中的级联选择在选择完成之后那个弹框不会自动收起，应该如何让我们选择完成之后就让弹框自动收起呢?

<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就可以了，这样我们的问题就解决了