search

xiaocheng555 / el-table-virtual-scroll

基于Element-UI的Table 组件开发的虚拟滚动组件，支持动态高度，解决数据量大时滚动卡顿的问题。
221 stars 41 forks source link

滚动后触发blur事件 取到的index不对 #91

Open Nxir opened 1 month ago

Nxir commented 1 month ago

1.4.3版本

<virtual-column>
  <template slot-scope="scope">
    <el-input-number @blur="handelUnit(scope.$index)"></el-input-number>
  </template>
</virtual-column>

滚动后触发blur事件 拿到的index不对

image image
Nxir commented 1 month ago

现在只能通过这样才能取到正确的index

<virtual-column>
  <template slot-scope="scope">
    <el-input-number @blur="handelUnit(scope.row.realIndex)"></el-input-number>
  </template>
</virtual-column>
change(renderData, start, end) {
  // 创建一个索引映射，以便快速查找 realIndex
  const indexMap = new Map();
  this.form.procurementOrderDetailSaveReqs.forEach((item, index) => {
    indexMap.set(item, index);
  });
  // 使用索引映射来快速找到 realIndex
  renderData.forEach(item => {
    item.realIndex = indexMap.get(item);
  })

  this.virtualList = renderData;
}
xiaocheng555 commented 1 month ago

https://xiaocheng555.github.io/el-table-virtual-scroll/#/VIndex?code=VIndex&codeTitle=%E7%B4%A2%E5%BC%95 参考这个demo

Nxir commented 1 month ago

https://xiaocheng555.github.io/el-table-virtual-scroll/#/VIndex?code=VIndex&codeTitle=%E7%B4%A2%E5%BC%95 参考这个demo

我这里用virtual-column取的index 不需要+start吧 用el-table-column的话 +start获取也是一样的结果 正常的选中后失焦 index是正确的 但滚动列表后 当前聚焦行不在virtualList中了 dom被移除 触发的失焦事件获取的index就不对

iShot_2024-07-15_00 07 33

xiaocheng555 commented 1 month ago

https://xiaocheng555.github.io/el-table-virtual-scroll/#/VIndex?code=VIndex&codeTitle=%E7%B4%A2%E5%BC%95 参考这个demo

我这里用virtual-column取的index 不需要+start吧 用el-table-column的话 +start获取也是一样的结果 正常的选中后失焦 index是正确的 但滚动列表后 当前聚焦行不在virtualList中了 dom被移除 触发的失焦事件获取的index就不对

iShot_2024-07-15_00 07 33 iShot_2024-07-15_00 07 33

<el-table> 组件有加 row-key 这个属性吗

Nxir commented 1 month ago

https://xiaocheng555.github.io/el-table-virtual-scroll/#/VIndex?code=VIndex&codeTitle=%E7%B4%A2%E5%BC%95 参考这个demo

我这里用virtual-column取的index 不需要+start吧 用el-table-column的话 +start获取也是一样的结果 正常的选中后失焦 index是正确的 但滚动列表后 当前聚焦行不在virtualList中了 dom被移除 触发的失焦事件获取的index就不对 iShot_2024-07-15_00 07 33

    [

        ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

    ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

      [

      ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

   [ ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40) ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

    [

        ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

    ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

      [

      ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

   [ ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

<el-table> 组件有加 row-key 这个属性吗

有加的

xiaocheng555 commented 1 month ago

https://xiaocheng555.github.io/el-table-virtual-scroll/#/VIndex?code=VIndex&codeTitle=%E7%B4%A2%E5%BC%95 参考这个demo

我这里用virtual-column取的index 不需要+start吧 用el-table-column的话 +start获取也是一样的结果 正常的选中后失焦 index是正确的 但滚动列表后 当前聚焦行不在virtualList中了 dom被移除 触发的失焦事件获取的index就不对 iShot_2024-07-15_00 07 33

    [

        ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)
      ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

      [

      ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)
    [

        ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

    ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

      [

      ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

   [ ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40) ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

    [

        ![iShot_2024-07-15_00 07 33](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

    ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

      [

      ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

   [ ](https://private-user-images.githubusercontent.com/5908020/348555806-144a467d-deae-420d-a580-62acc5c4f987.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEwMDcyMDEsIm5iZiI6MTcyMTAwNjkwMSwicGF0aCI6Ii81OTA4MDIwLzM0ODU1NTgwNi0xNDRhNDY3ZC1kZWFlLTQyMGQtYTU4MC02MmFjYzVjNGY5ODcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTVUMDEyODIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDllNzE3MjgyZWZjNDRjZjYzZWVmNDcxNGZiMzk2ZTdkYWYwMzc5YmZjNDkxZDA1MDdiNGQ1ODliZGFlMzk3ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._RARXqyd5IfTxkgKNc1QAYOganb8Pl4XAWOtPPKts40)

<el-table> 组件有加 row-key 这个属性吗

有加的

写个demo吧，我试试