自定義配置json顯示資訊
阿新 • • 發佈:2022-05-31
近期遇到一個需求, 就是根據後臺傳過來的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 裡面;
完成!!!