vue3+tsでref属性の値を取得する方法

ref 属性
は、タグ ID を指定し、getElementById を使用して js などのメソッドを取得することと同じです

ref 属性はいつ使用する必要がありますか?

element-plus 内のメソッドの呼び出しなど。
el-table に ref 属性を追加し、ts で const multipleTable = ref() を定義すると、図のメソッドを直接呼び出すことができます
例:

       <el-table :data="tableData" 
          style="width: 100%" :lazy="true"
          ref="multipleTable"  ## 给table设置id
        >

変数を定義します。注: 変数は戻り値として書き込む必要があります。そうしないと、HTML オブジェクトは取得されません。
または <script lang="ts" > 添加 <script lang="ts" setup> にセットアップを追加し、2 つのうちの 1 つを選択します

     setup() {
    
    
        const multipleTable= ref();
        return {
    
     multipleTable }
      }

説明書

       /**
       * 点击全选事件
       */
      function checkAll(){
    
    
        multipleTable.value.toggleAllSelection();
      }

それでおしまい

これは vue2 での使用方法です。これを使用する必要がありますが、vue3 では使用する必要はありません。

this.$refs.multipleTable.toggleAllSelection();