技术区 › Vue › vue清空el-table的选择

dmr 发表于 2025-2-6 11:57:55

vue清空el-table的选择

<template>
<el-table
    ref="multipleTableRef"
    :data="tableDataYMZYGL"
    @selection-change="ymzyChange">
    <el-table-column
      type="selection"
      width="120">
    </el-table-column>
    <!-- 其他列定义 -->
</el-table>
<el-button @click="clearTableSelection">清空</el-button>
</template>


<script setup lang="ts">
const multipleTableRef = ref<InstanceType<typeof ElTable>>()
const tableDataYMZYGL = ref([])
const multipleSelectionYMZY = ref<[]>([])

const ymzyChange = (val) => {
multipleSelection_YMZY.value = val
}

//清空操作
const clearTableSelection = () =>{
   multipleTableRef.value.clearSelection()
}

</script>

查看完整版本: vue清空el-table的选择