javascript - 使用vue+ElementUI的多重選擇框元件時，遇到的問題，請問是什麼原因？

Question

使用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卻獲得了剛剛點擊的那個選項的值

請問有人遇到這種情況嗎，請詳細說下解決的方法和出現這種問題的原因

Answer 1

可能是數組的原因，js數組沒辦法做到雙向綁定，所以數組資料變了 但是元件沒有偵測到

Answer 2

為什麼el-checkbox要放到p里面？去掉p, 把v-for放到el-checkbox上面