vue Element ui 多核取方塊取值賦值

2021-10-04 16:56:05 字數 598 閱讀 7171

前言:業務需求同時需要傳給後台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...