可以通过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>

这样,就可以通过双向绑定获取到数组的最后一个值,即当前选中的值

elementui级联选择器获取当前选中的值使用双向绑定获取数组的最后一个值

原文地址: https://www.cveoy.top/t/topic/it1k 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录