vue 改造後端傳過來的資料

2021-09-29 15:18:21 字數 700 閱讀 3088

最近做專案的時候遇到乙個問題,就是ant design vue元件引用穿梭框的時候,穿梭框元件需要有key,而後端傳過來的資料沒有key這個字段

我之前看ant design vue官網中有這樣的解決方案

按照 vue 最新的規範,所有的元件陣列最好繫結 key。在 transfer 中,datasource裡的資料值需要指定 key 值。對於 datasource 預設將每列資料的 key 屬性作為唯一的標識。

如果你的資料沒有這個屬性,務必使用 rowkey 來指定資料列的主鍵。

// 比如你的資料主鍵是 uid

return record.uid" />;

我按照官網的做了,實現是可以實現但發現還是有警告說vue驗證屬性失敗,這些警告一有操作就會產生,但是用你自己模擬的資料測試有key這個欄位就不會報錯

於是就把後端傳過來的資料改造一下。**如下

//首先把後端傳過來資料用乙個變數接收一下,然後將這個變數賦值給穿梭框裡的資料,之後用map這個變數遍歷一下

const result = res.data.data

his.mockdata = result

result.map( (item,index) => )

item.title"

/>

vue 修改props父元件傳過來的值

父元件 子元件 下一步1 上一步1 重置1export default nextclick prevclick data function watch computed mounted function methods this.num this.emit next this.num 上一步 pre...

後端接收從前端傳過來的資料的4種方式

1,以查詢字串的方式傳入def test request 查詢字串方式傳參的獲取 a request.get.get a a為健 b request.get.getlist b 一建多值的情況 queryset return a,b2,url傳參的方式def test1 request,x,y ur...

ajax接收action傳過來的json資料

先把需要的包加進來,在上篇裡 下面是實現 先記錄下 這裡不知道為什麼傳過來的json資料要經過兩次 eval 解析才可以讀出來,弄了一下午,網上都 是jquery的實現,感覺用這個的很少,幾乎沒有,這裡我傳了個json字串給ajax,然後解析出來,可以得到user物件,即 jsonobj.user ...