前言:業務需求同時需要傳給後台id和name,雖說不理解,但是需求提了就要做。
思路:先想到的就是拼接字串方式,以逗號隔開繫結到label上
取值:在向後台介面傳送資料時,拆分成各字段所需要的值給介面
賦值:接收後台資料,將各自值拼接回字串給新陣列,組合成新的陣列,繫結到data內
具體**如下:
html:
}
js
// 初始化資料
data () ,]}
}// 取值, 對陣列拆分,取出對應字段引數
let idarr =
let namearr =
this.dataform.foreach(item => )
//傳給後台資料
let parameter =
// 賦值,將儲存的核取方塊勾選上
let newarr = // 新的陣列
id.foreach(item => )
})this.dataform= newarr
emmmmm,賦值**弄了好一會記錄一下,有更好的解決方案歡迎點評。 多核取方塊傳值
需求是這樣的 需要設計多個字段,分別對應實體的各個屬性,儲存到對應的屬性下。首先想到的是核取方塊,但是如果使用乙個複選,選擇多個資料時,要麼後台根據逗號隔開,再判斷哪個屬性是否有值,非常的繁瑣 於是想到了多個複選解決 乙個核取方塊只有乙個值 即只有乙個option 在選擇這個複選時改變這個唯一opt...
vue elementUI專案搭建
安裝node 基於node之npm環境下操作vue,所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...
重置表單(vue elementui)
第一種 在methods下的具體方法中直接乙個乙個地將表單繫結的值賦值為空 最笨的方法,只適用於僅幾個繫結值的情況下 第二種 elementui官網的方法 從這裡直接進入官網表單相關位置 model ruleform rules rules ref ruleform label width 100p...