[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘exportCsv‘ of undefined“

用 VIew UI 自带的Table 表格导出原始数据文件功能

但运行报错，经过查找原因如下

javascript 代码里 this.$refs. 后面跟着的名字需要与 html 中 Table 标签内 ref 跟着的名字一样，我这里的 html 中没有写 ref =“table”，所以运行会报错

修改前：

<!--html代码-->
<Table border :columns="columns" :data="infolist">

 </Table>
 <Button type="info" @click="exportData">导出</Button>

// javascript代码
// 导出数据
    exportData() {
      this.$refs.table.exportCsv({
        filename: '人员信息',
      });
    },

修改后：

<!--html代码-->
<Table border :columns="columns" :data="infolist" ref="table">

 </Table>
 <Button type="info" @click="exportData">导出</Button>

// javascript代码
// 导出数据
    exportData() {
      this.$refs.table.exportCsv({
        filename: '人员信息',
      });
    },

注意 ref=“table” 和 this.$refs.table.exportCsv 二者指向的名字相同即可，不一定非要叫 table

写成 ref=“table123456” 和 this.$refs.table123456.exportCsv 也可以运行