最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

VUE前端從后臺請求過來的數(shù)據(jù)進行轉(zhuǎn)換數(shù)據(jù)結(jié)構(gòu)操作

 更新時間:2020年11月11日 14:29:43   作者:LILEILEILOVE  
VUE前端從后臺請求過來的數(shù)據(jù)進行轉(zhuǎn)換數(shù)據(jù)結(jié)構(gòu)操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

我就廢話不多說了,大家還是直接看代碼吧`

let label(){
let _this = this;
let _offset = (_this.pagination.currentPage - 1) * _this.pagination.pageSize
let params ={
offset:_offset,//分頁偏移量
limit:_limit,//分頁查詢數(shù)量
}
labelView(",params).then(res=>{
_this.list = res.data.data
_this.pagination.total = res.data.pagination.total;
//轉(zhuǎn)換數(shù)據(jù)
let treeDataArray = new Array();
const element = _this.list
let obj={
name:"",
isExpand:true,
children:new Array()
}
treeDataArray.push(obj);
for(let dd1 = 0;dd1<_this.list.length;dd1++){
const element = _this.list[dd];
let obj1 ={
root:true,
isExpand:true,
name:element['model'],
children:new Array()
}
obj.children.push(obj1);
for(let dd2 = 0;dd2<element.label.length;dd2++){
const element2 = element.label[dd2];
let obj2 = {
name:element['label2'],
isExpand:true,
children:new Array()
};
obj1.children.push(obj2);
for(let dd3 = 0;dd3<element2['label3'].length;dd3++){
const element3 = element2['label3'][dd3];
obj2.children.push({
name:element3,
})
}
}
}
_this.treeList = treeDataArray;

補充知識:Vue中使用Map數(shù)據(jù)結(jié)構(gòu)的坑, 直接set 無法觸發(fā) 雙向數(shù)據(jù)綁定(解決方案)

1. 因為想貫徹es6的使用, 在項目中 多多使用 es6 的特性, 結(jié)果Map 的 set 方法去更新數(shù)據(jù), 視圖無法同步,

故而使用重新設(shè)置的方式達到目的, 類似

let obj = Object.assign({},{})

或者

 let arr = [].concat['a']

let no = server_no.toString()
let is_check = this.collated_data.get(no).is_check
this.collated_data.get(no).is_check = !is_check
// 使用Map數(shù)據(jù)結(jié)構(gòu)只能這樣更新
this.collated_data = new Map(this.collated_data)

重新賦值, 而不是更改引用。

以上這篇VUE前端從后臺請求過來的數(shù)據(jù)進行轉(zhuǎn)換數(shù)據(jù)結(jié)構(gòu)操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue如何解決axios請求前端跨域問題

    vue如何解決axios請求前端跨域問題

    vue項目中,前端使用axios與后臺進行數(shù)據(jù)請求或者提交的時候,如果后臺沒有設(shè)置跨域,瀏覽器做數(shù)據(jù)請求的時候就會報錯,這篇文章主要給大家介紹了關(guān)于vue如何解決axios請求前端跨域問題的相關(guān)資料,需要的朋友可以參考下
    2021-10-10
  • Vue前端書寫規(guī)范大全(非常詳細!)

    Vue前端書寫規(guī)范大全(非常詳細!)

    在團體開發(fā)項目中,為了團隊所有成員書寫可維護的代碼,而不是一次性的代碼,讓團隊當中其他人看你的代碼能一目了然,下面這篇文章主要給大家介紹了關(guān)于Vue前端書寫規(guī)范的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • vue實現(xiàn)抽獎效果Demo

    vue實現(xiàn)抽獎效果Demo

    這篇文章主要介紹了vue實現(xiàn)抽獎效果Demo,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-01-01
  • vue實現(xiàn)樹形結(jié)構(gòu)樣式和功能的實例代碼

    vue實現(xiàn)樹形結(jié)構(gòu)樣式和功能的實例代碼

    這篇文章主要介紹了vue樹形結(jié)構(gòu)樣式和功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-10-10
  • Vue3+TS+Vant3+Pinia(H5端)配置教程詳解

    Vue3+TS+Vant3+Pinia(H5端)配置教程詳解

    這篇文章主要介紹了Vue3+TS+Vant3+Pinia(H5端)配置教程詳解,需要的朋友可以參考下
    2023-01-01
  • vue中如何禁止input框和textarea編輯

    vue中如何禁止input框和textarea編輯

    這篇文章主要介紹了vue中如何禁止input框和textarea編輯,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • Vue Element前端應用開發(fā)之動態(tài)菜單和路由的關(guān)聯(lián)處理

    Vue Element前端應用開發(fā)之動態(tài)菜單和路由的關(guān)聯(lián)處理

    這篇文章主要介紹了Vue Element前端應用開發(fā)之動態(tài)菜單和路由的關(guān)聯(lián)處理,對vue感興趣的同學,可以參考下
    2021-05-05
  • vue-router跳轉(zhuǎn)方式的區(qū)別解析

    vue-router跳轉(zhuǎn)方式的區(qū)別解析

    在Vue中,router-link稱為聲明式路由,:to綁定為跳轉(zhuǎn)的目標地址,一種是通過name,另一種是path,這篇文章主要介紹了vue-router跳轉(zhuǎn)方式的區(qū)別,需要的朋友可以參考下
    2022-12-12
  • vue?動態(tài)路由component?傳遞變量報錯問題解決

    vue?動態(tài)路由component?傳遞變量報錯問題解決

    這篇文章主要為大家介紹了vue?動態(tài)路由component?傳遞變量報錯問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-05-05
  • 如何用vue-cli3腳手架搭建一個基于ts的基礎(chǔ)腳手架的方法

    如何用vue-cli3腳手架搭建一個基于ts的基礎(chǔ)腳手架的方法

    這篇文章主要介紹了如何用vue-cli3腳手架搭建一個基于ts的基礎(chǔ)腳手架的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12

最新評論

廉江市| 黑龙江省| 思茅市| 石屏县| 桂林市| 怀来县| 厦门市| 越西县| 疏附县| 义乌市| 贵溪市| 铜川市| 鄂托克前旗| 武宣县| 加查县| 纳雍县| 米易县| 广宁县| 文昌市| 宜章县| 亳州市| 凤凰县| 岱山县| 淮北市| 依安县| 墨江| 临潭县| 兴隆县| 琼结县| 曲阜市| 罗江县| 凤台县| 靖边县| 全椒县| 渭南市| 沙坪坝区| 丹巴县| 平罗县| 河池市| 乌拉特后旗| 博乐市|