美文网首页
ant design vue 笔记

ant design vue 笔记

作者: 于美美 | 来源:发表于2020-09-03 16:51 被阅读0次

1.Table

在Table组件中有rowSelection={rowSelection} 方法,可以让Table的第一列成为联动的选择框。
API中说到通过 rowSelection.selectedRowKeys 来控制选中项。比较坑的是,selectedRowKeys 控制的只是dataSource当前的顺序编号,这样翻页的时候,造成上一页选中状态的bug
一定要加上rowKey="id"或者rowKey={record => record.id},后来经过多次调试发现很多BUG都跟这个参数有关,不然会导致联动的选择框状态异常。

<s-table
  ref="table"
  :rowKey="record => record.id"
  :columns="columns"
  :data="loadData"
/>

2. ant.design vue Table 组件的数据源必须用’key’属性?

// 如果Table 没有写key属性 就会警告
Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.

相关文章

网友评论

      本文标题:ant design vue 笔记

      本文链接:https://www.haomeiwen.com/subject/nerosktx.html