鍍金池/ 問答/HTML5  HTML/ v-for循環(huán)出多個(gè)相同的div。點(diǎn)擊一個(gè)click事件show，只改變那個(gè)di

v-for循環(huán)出多個(gè)相同的div。點(diǎn)擊一個(gè)click事件show，只改變那個(gè)div中v-model的值

    <div v-for="list in lists" @click="show">
        <el-select v-model="stations" placeholder="請(qǐng)選擇" ">
                            <el-option                              
                            v-for="item in stations"
                              :key="item.Mfid"
                              :label="item.Name"
                              :value="item.Mfid">
                            </el-option>
         </el-select>
    </div>
回答
編輯回答
扯不斷

多個(gè)select共用一個(gè)model:stations,那么改變其中一個(gè)select,肯定所有的select都跟著改變.

一般這種情況可以在data定義一個(gè)數(shù)組保存多個(gè)stations,或者stations就保存在對(duì)應(yīng)的list里面(推薦),這兩種都需要在獲取到數(shù)據(jù)的時(shí)候遍歷處理數(shù)據(jù).然后div中可以@click="show(list)"

show(list){
    console.log(list.stations)
}
2017年1月7日 12:31