vue.js - 循环中v-model问题

问题描述

问 题

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

解决方案

<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>

这篇关于vue.js - 循环中v-model问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！