新版本移除选择即改变属性 变成 checkStrictly: true
老版本是:<el-cascader :options="options"change-on-select>
如果想点击文字也会选中 可直接触发radio的点击事件
引用 https://codepen.io/wxhccc/pen/RzNgLa?editors=1010
补充一下 需求改为 点击字或者按钮 关闭选择框 可这样写
给ref 主动触发组件函数
<el-cascader
:options="options"
:props="{ checkStrictly: true }"
ref="cascader1"
clearable>
<div slot-scope="scope" @click="aaa('cascader1',$event)">{{scope.data.label}}</div>
</el-cascader>
methods: {
aaa (name,event) {
console.log(event.target.parentElement.parentElement)
event.target.parentElement.parentElement.firstChild.click()
//点击文字 关闭选择框
if (this.$refs[name].toggleDropDownVisible) {
this.$refs[name].toggleDropDownVisible(false);
} else {
this.$refs[name][0].toggleDropDownVisible(false);
}
}
}
}