從后臺獲取的多維數組,經過解析,形成一個多選框界面,經過多選提交,再將數據傳回后臺,但是傳入的數據格式不一樣我傳的格式
系統需要的格式
傳回的格式要求為第一層json串不用處理 直接遍歷第二層children 也就是雙層循環(huán)即可
父級和子級SN 組成 例子Security:view。我的思路是將checked的父級SN和子級SN放入postForm.permissionList中,然后獲取后臺父級SN匹配替換,然后清空postForm.permissionList,提交
// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)
頁面代碼 queryData獲取的是data.module.children
<el-form-item label="角色名" prop="name">
<el-input :maxlength="300" v-model="postForm.name" />
</el-form-item>
<el-checkbox-group v-for="(items,index) in queryData" :key="index">
<el-form-item :label="items.description">
<el-checkbox-group v-model="postForm.permissionList" @change="checkinlist">{{ items[index] }}
<el-checkbox v-for="(data,index) in items.operations" :label="items.sn+data.sn" :key="index">
{{ data.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-checkbox-group v-for="(items,index) in items.children" :key="index" >
<el-form-item :label="items.description">
<el-checkbox-group v-model="postForm.permissionList" @change="checkinlist">{{ items[index] }}
<el-checkbox v-for="(data,index) in items.operations" :label="items.sn+data.sn" :key="index">
{{ data.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-checkbox-group>
</el-checkbox-group>
替換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)
}
我想知道怎么拼接,或者是不是我的思路錯了
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯想擔任系統開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統架構師,美國AngelEngineers Inc. 系統架構師。