v-for循环出多个相同的div。点击一个click事件show，只改变那个div中v-model

Question

    <div v-for="list in lists" @click="show">        <el-select v-model="stations" placeholder="请选择" ">                            <el-option                                                          v-for="item in stations"                              :key="item.Mfid"                              :label="item.Name"                              :value="item.Mfid">                            </el-option>         </el-select>    </div>

Answer 1

多个select共用一个model:stations,那么改变其中一个select,肯定所有的select都跟着改变.

一般这种情况可以在data定义一个数组保存多个stations,或者stations就保存在对应的list里面(推荐),这两种都需要在获取到数据的时候遍历处理数据.然后div中可以@click="show(list)"

show(list){

    console.log(list.stations)

}