1. 程式人生 > >一些做vue前端的經驗

一些做vue前端的經驗

1.先賦值,後渲染

場景:表格渲染中,一般都是這樣把json的東西傳給table的

  this.tableData = json.data.rows

然後的話我們一般會在渲染前對json中的資料做一些轉換,比如說時間戳,比如說一些自定義東西的轉換,那麼會出現這樣的

  this.tableData = json.data.rows
              for(let i in this.tableData){
                  let addressArr=this.tableData[i].orgRelPath.split("/");
                  
this.tableData[i].street = addressArr[2].split(":")[ } }

這樣會出現一個問題,因為表格是先渲染後賦值修改,所以有時候賦值過程一旦某個過程出錯使用者看到的就是渲染前的值,而我們在除錯階段並沒有發現,所以為了除錯階段早點發現這個問題,將賦值的操作提前,將渲染的操作移到後面去。