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){&nbsp; &nbsp; console.log(list.stations)}