使用ElementUI的單選框和多選框元件時,使用v-for循環渲染,出現點擊選擇框沒有反應,但是綁定的資料卻能正確改變
綁定資料的程式碼如下:
<el-checkbox-group v-model="questions[now_page-1].value" v-if="questions[now_page-1].type=='checkbox'">
<p v-for='item in questions[now_page-1].options'>
<el-checkbox :label="item.value"></el-checkbox>
</p>
</el-checkbox-group>
其中questions[now_page-1].value是一個數組,頁面的渲染沒有問題,就是點擊多選框後,多選框沒有變成選中狀態,但是此時questions[now_page-1].value卻獲得了剛剛點擊的那個選項的值
請問有人遇到這種情況嗎,請詳細說下解決的方法和出現這種問題的原因
可能是數組的原因,js數組沒辦法做到雙向綁定,所以數組資料變了 但是元件沒有偵測到
為什麼
el-checkbox
要放到p
里面?去掉p
, 把v-for
放到el-checkbox
上面