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不再报错。

相关推荐
没落英雄11 分钟前
简单了解 with
前端·javascript
越努力越幸运50812 分钟前
webpack的学习打包工具
前端·学习·webpack
IT古董14 分钟前
微前端的新纪元:Vite + Module Federation 最强指南(2025 全面技术解析)
前端
小小弯_Shelby19 分钟前
vue项目源码泄露漏洞修复
前端·javascript·vue.js
兔子零102420 分钟前
CSS 视口单位进化论:从 100vh 的「骗局」到 dvh 的救赎
前端·css
q***876029 分钟前
项目升级Sass版本或升级Element Plus版本遇到的问题
前端·rust·sass
k***121730 分钟前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
看晴天了37 分钟前
手势操控 Three.js!效果炸裂!
前端
喝咖啡的女孩44 分钟前
Promise × 定时器全场景手写
前端
h***34631 小时前
MS SQL Server 实战 排查多列之间的值是否重复
android·前端·后端