antdesign-vue的table三种加rowkey的方式

<a-table:columns="columns":data-source="tableData"size="middle":rowKey='record=>record.id'> // id为 tableData 中的一个属性</a-table><a-table:columns="columns":data-source="tableData"size="m

天宇流沙

6044人浏览 · 2021-06-17 19:26:36

天宇流沙 · 2021-06-17 19:26:36 发布

// 方法一·～～～～～～～～～～～～～～～～～～～～～～·
<a-table
     :columns="columns"
     :data-source="tableData"
     size="middle"
     :rowKey='record=>record.id'> // id为 tableData 中的一个属性
</a-table>
//方法2～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
<a-table
      :columns="columns"
      :data-source="tableData"
      size="middle"
      :rowKey="(record,index)=>{return index}"> //record 为每一条数据, index 索引
</a-table>
方法三～～～～～～～～～～～～～～～～～～
<a-table
      :columns="columns"
      :data-source="tableData"
      size="middle"
      rowKey="id">  // id为 tableData 中的一个属性 !!! 这里的rowKey不需要冒号
</a-table>

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^