Advertisement

使用v-for遍历多个el-select元素时导致下拉框同步选中相关选项问题

阅读量:

许久未曾更新博客,今日特此记录所遇难题。

具体需求为遍历生成多个el-select下拉选择组件,但在实际操作过程中,v-model绑定的值却出现了异常情况。

问题复现:

在这里插入图片描述

以下为相关代码实现:

复制代码
    <template>
      <div>
    <div class="select" v-for="item in 4" :key="item">
      <el-select v-model="value">
        <el-option v-for="(a, b) in options" :key="b" :label="a.name" :value="a.value"></el-option>
      </el-select>
    </div>
      </div>
    </template>
    <script>
    export default {
      data() {
    return {
      value: "",
      options: [
        {

全部评论 (0)

还没有任何评论哟~