循环中v-model问题

Question

目前就是想要循环出多个 div 但是里面el-select 的v-model值都是一样的 所以第一个选了 会影响其他5个 怎么样才能生成 不同的v-model的值呢

Answer 1

<template>
  <el-select v-for="(item, index) in selectList" :key="index" v-model="item.select">
    <el-option label="/天" value="1"></el-option>
    <el-option label="/地" value="2"></el-option>
    <el-option label="/人" value="3"></el-option>
  </el-select>
</template>

<script>
  export default {
    data () {
      return {
        selectList: [
          { select: '1' },
          { select: '2' },
          { select: '3' },
          { select: '3' },
          { select: '2' },
          { select: '1' }
        ]
      }
    }
  }
</script>

Answer 2

这个是什么需求呢？为什么要用5个一样的下拉列表来控制同一个值？

Answer 3

data(){
    return {
        select:['','','','','']
    }
}

<div v-for="item in select">
    <el-select v-model="item"></el-select>
</div>