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

相关推荐
huaiyanchen4 分钟前
Node相关配置迁移
前端
然然阿然然1 小时前
2025.1.21——六、BUU XSS COURSE 1 XSS漏洞|XSS平台搭建
前端·网络·安全·web安全·网络安全·xss
新玉54011 小时前
xss靶场
前端·xss
每一天,每一步1 小时前
react项目表格内容轮播,DataV-React轮播表的使用
前端·javascript·react.js
milo.qu2 小时前
九、CSS工程化方案
前端·javascript·css
浪浪山小白兔2 小时前
深入理解JavaScript中的Location对象
开发语言·前端·javascript·html·html5
光头程序员2 小时前
分组表格antd+ react +ts
前端·javascript·react.js
Lxinccode2 小时前
vue(33) : 安装组件出错解决
前端·javascript·vue.js·vue安装组件报错
正宗咸豆花2 小时前
React将props传递给一个组件
前端·react.js·前端框架
GeniuswongAir2 小时前
升级到Mac15.1后pod install报错
java·前端·数据库