vue表單提交陣列 vue多維陣列提交問題?

2021-10-13 02:51:37 字數 1083 閱讀 2782

題目描述

從後台獲取的多維陣列,經過解析,形成乙個多選框介面,經過多選提交,再將資料傳回後台,但是傳入的資料格式不一樣我傳的格式

系統需要的格式

題目**及自己的思路

傳回的格式要求為第一層json串不用處理 直接遍歷第二層children 也就是雙層迴圈即可

父級和子級sn 組成 例子security:view。我的思路是將checked的父級sn和子級sn放入postform.permissionlist中,然後獲取後台父級sn匹配替換,然後清空postform.permissionlist,提交

相關**

// 請把**文字貼上到下方(請勿用代替**)

頁面** querydata獲取的是data.module.children}}

}}替換sn的**,因為label中不能加入:所以我只能替換this.role_obj是獲取所有的父級sn

const str =

for (let j = 0; j < this.role_obj.length; j++) {

for (let i = 0; i < this.postform.permissionlist.length; i++) {

if (this.postform.permissionlist[i].match(this.role_obj[j])) {

str.push(this.postform.permissionlist[i].replace(this.role_obj[j], this.role_obj[j] + ':'))

console.info(str)

this.postform.permissionlist =

for (let i = 0; i < str.length; i++) {

this.postform.permissionlist[i] = str[i]

json.stringify(this.postform.permissionlist)

console.info(this.postform.permissionlist)

你期待的結果是什麼?實際看到的錯誤資訊又是什麼?

我想知道怎麼拼接,或者是不是我的思路錯了

Vue 提交Form表單

1.form方式提交post export default methods url為後台介面 instance post user login param then successresponse alert 登陸成功 成功返回資訊 呼叫函式 函式需自己定義,此處後面省略 catch this se...

Vue 表單控制項

textarea 略 input type text 略 單個input type checkbox 多個input type checkbox input type radio select select multiple multiple 有時候希望得到的表單控制項的值不是預設值,可以使用val...

vue 表單 繫結

vue的表單 使用v model 來繫結資料,具有雙向繫結資料的效果 雙向繫結,及不僅可以通過js運算元據顯示,並且可以通過input 等輸入框改變data checkbox 的資料繫結 通過data 的ture or false 來確定是否是選定項 選項2選項3 選項4選項5 測試得到,check...