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

Question

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

Opened this issue 3 months ago · 6 comments

1.4.3版本

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

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

Answer 1 · 2024-07-12T15:52:08.000Z

现在只能通过这样才能取到正确的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;
}

Answer 2 · 2024-07-12T15:56:39.000Z

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

Answer 3 · 2024-07-14T14:56:31.000Z

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就不对

Answer 4 · 2024-07-15T01:32:22.000Z

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就不对

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

Answer 5 · 2024-07-15T03:18:26.000Z

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](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 这个属性吗

有加的

Answer 6 · 2024-07-15T03:41:30.000Z

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](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吧，我试试