Happy-Coding-Clans / vue-easytable

A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
https://happy-coding-clans.github.io/vue-easytable/
MIT License
3.69k stars 738 forks source link

[Bug Report] 单元格编辑问题Error in v-on handler: "TypeError: this.$refs.tableRef.startEditingCell is not a function" #548

Closed cyb1999 closed 1 year ago

cyb1999 commented 1 year ago

选择要提交 issue 的库

vue-easytable

Issue 类型

Bug

Issue 标题

Error in v-on handler: "TypeError: this.$refs.tableRef.startEditingCell is not a function"

仓库版本

v2.24.0

Vue 版本

vue2.6

浏览器

Chrome

系统类型

mac

重现链接

重现步骤

https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/cell-edit 我完全按照这个文档走了一遍, ve-table也绑定了ref="tableRef" 在button中: <button class="button-demo" @click="startEditingCell(0, 'example')"> 编辑单元格0-0 </button> 在methods中,也写了点击事件函数, startEditingCell(rowKey, colKey, defaultValue) { this.$refs['tableRef'].startEditingCell({ rowKey, colKey, defaultValue }); }, 然后显示了这个报错

『Error in v-on handler: "TypeError: this.$refs.tableRef.startEditingCell is not a function"』

期望的结果是什么?

解决我的单元格编辑问题

实际的结果是什么?

无法使用单元格编辑功能

cyb1999 commented 1 year ago

另外要说的是,我这个表格是放在表单中的,我的表单阻止了默认事件,难道和这个有关吗?

cyb1999 commented 1 year ago

已解决,升级了一下vue-easytable的版本就好了