javascript - 使用vue+ElementUI的多重選擇框元件時,遇到的問題,請問是什麼原因?
PHPz
PHPz 2017-05-18 10:51:43
0
2
712

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

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

PHPz
PHPz

学习是最好的投资!

全部回覆(2)
Peter_Zhu

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

Peter_Zhu

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板