Cascader 级联选择器 最后一级自动填充内容并关闭弹框

elementUI Cascader 级联选择器

如何实现选择任意一级选项，最后一级自动填充内容并关闭弹框？

官网中的示例是不可以自动关闭的

代码如下

<el-form-item label="选择：">
          <el-cascader
            v-model="abc"
            :options="abs"
            :props="optionsProp"
            clearable
            ref="refHandle"
            expand-trigger="hover"
            placeholder="请选择">
          </el-cascader>
        </el-form-item>

注意watch 要和methods 同级

watch:{
	   'abc':{
	        handler(newVal, oldVal) {
	          if (this.$refs.refHandle) {
	            var children = this.$refs.refHandle.getCheckedNodes();
	            if(children[0].children.length < 1){   //判断有没有下级
	              this.$refs.refHandle.dropDownVisible = false; //监听值发生变化就关闭它
	            }
	          }
	        },
	      }
      }