解決elment 動態多選框組(el-checkbox-group)無法設置默認值問題


<el-checkbox-group v-model="form.showProperty">
 <el-checkbox v-for="(item,idx) in properties" :key="idx" :label="item" :disabled="item.must">{{item.name}}</el-checkbox>
</el-checkbox-group>

 備注:v-model 直接綁定value的似乎不需要這樣直接可以綁定,我這種是綁定的Object,所以需要這樣寫

這種情況設置默認值 本來只需要設置:

this.form.showProperty = ['a','b']

我們頁面就可以默認選中a選項和b選項,實際上當我們這樣寫的時候卻不能實現默認選中,我們只需將設置選中代碼寫入$nextTick里面,就能默認選中了

this.$nextTick(()=>{
   this.form.showProperty = ['a','b']
})



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM