vue 用elementUI动态生成select的问题

<el-table
    :data="tableData"
     border
    style="width: 100%">
    
    <el-table-column label="字段" min-width="130">
        <template slot-scope="scope" v-for="(k,v) in filedR">
        <el-select   v-model="filedR[v].value1" @change="change($event)" >
            <el-option
                v-for="(item,index) in filedROptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
        </el-select>
        </template>
    </el-table-column>
</el-table>


data(){
    return{
     filedR:[],
     filedROptions:[
                {
                "label":"uid",
                "value":"uid"
                },
                {
                    "label":"mingzi",
                    "value":"mingzi"
                }
                ,
                {
                    "label":"buneng",
                    "value":"buneng"
                },
                {
                    "label":"sex",
                    "value":"sex"
                },
                {
                    "label":"gongzi",
                    "value":"gongzi"
                }
                
                ],
        }
},

methods: {
            getData(){
                   var len=3
                   for(let i=0;i<len;i++){

                       var item = {value1: ''};
                       this.filedR.push(item)
                   }
                      
            })
},

为何select的值都是同一个,改变选项都是一起变。。。有没有好的解决办法

图片描述

阅读 12.8k
2 个回答
<template slot-scope="scope" >
  <el-select v-model="scope.row.value1" @change="change($event)" >

v-model="filedR[v].value1"这里面的v一直是2,所有绑定的都是同一个,当然一起变了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题