element ui 下拉列表框和多選框默認選擇狀態


              <el-checkbox-group v-model="checkList">
                <el-checkbox 
                v-for="(it,i) in rolerList"
                :key="i"
                :label="it.id+''"              
                >
                 {{it.title}}
                </el-checkbox>

 多選框,label是用戶選擇的value值, {{it.title}}是給用戶顯示的內容

 想要回顯,只需將 checkList 數組與label的值一致,注意類型也要一致,我就是因為checkList 的id為字符串但是rolerList的id為數字類型,就一直都沒有對應上

 

<el-select v-model="form.group_id" placeholder="角色">
                <el-option
                v-for="item in options"
                :key="item.id"
                :label="item.role_name"
                :value="item.id"
                >
                </el-option>
            </el-select> 

 下拉列表框也一樣, form.group_id 與 item.id 的值一致,注意類型也要一致

 


免責聲明!

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



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