原因：vue中給對象新增屬性直接用=賦值方式，雖然可以新增屬性，但是不會觸發視圖更新 例如定義了temp對象在操作過程中又新增了b屬性 data () { return { temp: { a: ...

...

用UI框架時一定要讀一遍文檔，不要拿過來直接用，把文檔讀明白了腦子是個好東西我希望我有一個好的而不是半成品。。。 開關開啟時多選框可以選中並獲取對應id，開關關閉狀態全部清空 一開始我這邊的問題是開關關閉選中的值為false但是依然顯示的是選中狀態，其實這根跟是不是false沒有關系 ...

el-checkbox-group復選框組，v-model綁定的值必須是[]，不能是字符串 新增時候正常，修改時候選擇一個，其他的也選中了。最后發現是數組格式沒有對應，應該是數字數組[1,2,3,4]，給的是['1','2','3','4'] 需要把數組轉成字符串以逗號分割傳給后台 ...

備注:v-model 直接綁定value的似乎不需要這樣直接可以綁定，我這種是綁定的Object,所以需要這樣寫 這種情況設置默認值 本來只需要設置： 我們頁面就可以默認選中a選項和b選項，實際上當我們這樣寫的時候卻不能實現默認選中，我們只需將設置選中代碼寫入 ...

　　elementUI官方文檔中el-checkbox-group組件綁定的都為一維數組，真實業務中數據綁定往往是多個鍵值對的對象數組，本文主要解決這個問題。 如下代碼： data () { return ...

<el-checkbox-group v-model="checkList" @change="groupChange">xxx</el-checkbox-group> groupChange ...

<el-checkbox-group v-model="roomLevel['roomLevel']"> <el-checkbox v-for="(items, key) in roomTypeList ...