当前位置: 首页 > news >正文

s-table和columns初始化不完整,造成table文件的filter报错

问题

在这里插入图片描述

顺藤摸瓜找errorHandler.js文件

在这里插入图片描述
发现文件并没有什么问题

顺藤摸瓜找index.vue文件

在这里插入图片描述
首先找到报错的filter,发现与columnsSetting相关
在这里插入图片描述
找到columnsSetting发现等于columns
在这里插入图片描述
返回自己使用S-table组件的地方,发现columns初始化时仅初始化为ref()未表明格式以及未赋予初始数据,并且给columns赋值发生在onMounted
在这里插入图片描述
在方法initColumns中才给columns赋值
在这里插入图片描述
由此推断有可能是渲染问题,当组件渲染出来时,columnsnull并不为[]
请求完onMounted后,columns才被赋值。
尝试给columns 赋初始空值 const columns = ref([])
经测试后,发现推断正确,S-table不再报错。

http://www.lryc.cn/news/307916.html

相关文章:

  • SLA 是什么?如何实现 SLA 管理
  • 火灾安全护航:火灾监测报警摄像机助力建筑安全
  • JavaScript 基础学习笔记(五):函数、作用域、匿名函数
  • Qt环境配置VTK
  • 腾讯云最新活动_腾讯云促销优惠_代金券-腾讯云官网入口
  • 如何创建自己的Spring Boot Starter并为其编写单元测试
  • 数据分析---常见处理逻辑
  • 2024-02-26(金融AI行业概览与大数据生态圈)
  • git忽略某些文件(夹)更改说明
  • python爬虫实战:获取电子邮件和联系人信息
  • post请求同时上传文件并传递其他参数的前后端写法
  • 【数仓】基本概念、知识普及、核心技术
  • ky10-server docker 离线安装包、离线安装
  • Linux的gdb调试
  • IO多路复用-select模型
  • 班级事务管理系统设计与实现
  • 金三银四面试必问:Redis真的是单线程吗?
  • notejs+nvm+angular+typescript.js环境 Hertzbeat 配置
  • docker安装单机版canal和使用
  • qt_xml文件
  • 【DAY05 软考中级备考笔记】线性表,栈和队列,串数组矩阵和广义表
  • AutoGen Studio助力打造私人GPTs
  • SpringBoot 自定义映射规则resultMap association一对一
  • 华东地区汽车相关夹具配套企业分布图,你了解多少?
  • SpringBoot - 后端数据返回前端各个数据类型全局格式化
  • 实验室记账项目(java+Mysql+jdbc)
  • spring boot 整合 minio存储 【使用篇】
  • 【Redis】深入理解 Redis 常用数据类型源码及底层实现(5.详解List数据结构)
  • Vue+Flask电商后台管理系统
  • SpringBoot保姆级入门文档