vue el-table的ref打印出来是undefined

971 阅读1分钟

一般情况下我们会在需要调用table方法的时候要去获取ref

image.png 在el-table上添加ref属性,同时需要在ts/js中定义数据

image.png

import { ElTable } from 'element-plus'
    const multipleTableRef = ref<InstanceType<typeof ElTable>>()

如果是用的setup()函数,一定要记得return出去,不然打印出来就是undefined,而且方法全部报错

image.png

image.png setup函数中return出去以后就可以正常拿到ref了

image.png

当然也可以直接用setup语法糖,更方便

如果是在vue2里面,直接用下面这种获取ref

this.$refs.multipleTableRef.clearSelection()