Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]

Warning: [antdv: Table] Each record in dataSource of table should have a unique `key` prop, or set `rowKey` of Table to an unique primary key

提示因?yàn)槭褂?ant design的表格工具但是沒有指明表格每一行對應(yīng)的 rowKey。

解決辦法:? [? :rowKey ]? （帶:的表示綁定的是表達(dá)式，帶冒號的表示綁定的是表達(dá)式，不帶的表示綁定的就是值）

注意

在 Table 中，dataSource?和?columns?里的數(shù)據(jù)值都需要指定?key?值。對于?dataSource?默認(rèn)將每列數(shù)據(jù)的?key?屬性作為唯一的標(biāo)識(shí)。

如果你的數(shù)據(jù)沒有這個(gè)屬性，務(wù)必使用?rowKey?來指定數(shù)據(jù)列的主鍵。若沒有指定，控制臺(tái)會(huì)出現(xiàn)缺少 key 的提示，表格組件也會(huì)出現(xiàn)各類奇怪的錯(cuò)誤。

// 比如你的數(shù)據(jù)主鍵是 uid return <Table rowKey="uid" />; // 或 return <Table rowKey={record => record.uid} />;

有些時(shí)候后端就不給，那就自己造

:row-key="(r, i) => i.toString()"

總結(jié)

以上是生活随笔為你收集整理的vue3.0 AntDesignVue2.0 table的rowkey报错问题解决方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。