开发中使用elementui的级联选择器遇到的一个小问题,记录一下
在使用elementui的级联选择器进行多选时,折叠的样式点击“x”按钮,改变数据时,获取节点会延迟,
代码如下
<el-cascader
ref="test"
:options="options"
:props="props"
@change="change"
collapse-tags
clearable></el-cascader>
data() {
return {
props: { multiple: true },
options: [
{
value: 1,
label: '测试1'
},
{
value: 2,
label: '测试2'
}
]
}
},
methods: {
change(values) {
console.log(this.$refs.test.getCheckedNodes())
}
}
使用$nextTick即可解决
methods: {
change(values) {
this.$nextTick(() => {
console.log(this.$refs.test.getCheckedNodes())
})
}
}