elementui级联选择器获取当前选中的值使用双向绑定获取数组的最后一个值
可以通过v-model绑定一个数组来实现双向绑定,并通过数组的最后一个值来获取当前选中的值。
首先,在data中定义一个数组selectedValues,用来存储级联选择器的选中值:
data() {
return {
selectedValues: []
};
}
然后,在级联选择器组件中,将v-model绑定到selectedValues数组上:
<el-cascader v-model="selectedValues"></el-cascader>
此时,selectedValues数组会随着级联选择器的选中值发生变化。
最后,通过computed属性来获取数组的最后一个值:
computed: {
currentSelectedValue() {
return this.selectedValues[this.selectedValues.length - 1];
}
}
现在,通过访问currentSelectedValue属性,就可以获取到当前选中的值。
完整代码如下:
<template>
<div>
<el-cascader v-model="selectedValues"></el-cascader>
<p>当前选中的值:{{ currentSelectedValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selectedValues: []
};
},
computed: {
currentSelectedValue() {
return this.selectedValues[this.selectedValues.length - 1];
}
}
};
</script>
这样,就可以通过双向绑定获取到数组的最后一个值,即当前选中的值
原文地址: https://www.cveoy.top/t/topic/it1k 著作权归作者所有。请勿转载和采集!