前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vxe-table高级表格数据刷新失败

vxe-table高级表格数据刷新失败

原创
作者头像
逝水经年
发布2022-12-11 18:16:13
3K0
发布2022-12-11 18:16:13
举报
文章被收录于专栏:数据可视化

问题出现

使用vxe-grid的时候,更新options.data失败,但控制台打印实实在在更新上了。

注:options为v-bind的内容

具体的API配置项参考官方文档:https://vxetable.cn/v3/#/grid/api

尝试解决

以为是vxe-grid没有监听到data的改变,尝试使用this.$set去改变data无果,列表显示的数据依旧异常。

最终解决办法

排查各种因素之后,发现是在配置项中,没有带上data字段,导致问题的出现。

在配置项中给data初始化一个空的Array便可以解决该问题。

代码语言:javascript
复制
options: {
                border: true,
                resizable: true,
                showOverflow: true,
                height: 300,
                align: 'left',
                toolbarConfig: {
                  slots: {
                    // 自定义工具栏模板
                    buttons: 'toolbar_buttons'
                  }
                },
                columns: [
                  { type: 'seq', width: 50 },
                  { field: 'name', title: 'Name' },
                  { field: 'sex', title: 'Sex', showHeaderOverflow: true },
                  { field: 'address', title: 'Address', showOverflow: true }
                ],
                // 设置配置项时一定要加上
                data: []
              }

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题出现
  • 尝试解决
  • 最终解决办法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档