antdesign a-table 默认单选一行

页面效果

antdesign a-table 默认单选一行_第1张图片

 <a-table 
  :columns="columns"
  :data-source="dataSource" 
  :row-selection="rowSelection" 
  :scroll="{ y: windowHeight - 635 }" 
  :pagination="false" 
  rowKey="farmCode" 
  size="small">
 a-table>

在列表接口调用后,给 selectedTabKeys 赋值为列表第一项,作为默认选中第一项
selectedTabKeys.value = [res[0].farmCode];

  const selectedTabKeys = ref([]); // 默认选中项`在这里插入代码片`
  
  function onSelectChange(selectedRowKeys, selectedRows) {
    selectedTabKeys.value = selectedRowKeys;
  }
  const rowSelection = computed(() => {
    return { type: 'radio', selectedRowKeys: selectedTabKeys.value, onChange: onSelectChange };
  });

你可能感兴趣的:(a-table)