1. 程式人生 > 其它 >自定義配置json顯示資訊

自定義配置json顯示資訊

近期遇到一個需求, 就是根據後臺傳過來的json, 配置需要顯示的欄位。

比如下圖:  我要顯示的只有 result.data.com 和 result.data.blob.content.text;

 需求是

  要求後臺傳過來json是根據版本可變的(就是每個版本的json都不一樣),根據json選取需要顯示的欄位。

現在做了個demo, 選擇 對應的key

  一、首先先處理json, 然後將資料處理成list模式

  

   二、將list處理成樹形選單結構

  

   

   三、隨便先寫個樹形選單顯示一下

  

   

  然後通過vuex 儲存選擇的key資訊;

  key資訊 都能獲取到,再加個input 輸入這個key要顯示的名稱啥的, 最後就是提交這些內容給後臺, 後臺儲存即可。

  // =================================  分割線  ================================ //

  這邊測試一下

  假如我們儲存了這兩個key的資訊

  

     

  我們通過遍歷這個 儲存的list, 去獲取key的 取值路徑keyStr (result.data.com這樣的)

  然後去json裡面拿對應的 值, 把它儲存到 對應的value 裡面;

  

   

   完成!!!