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

相关推荐
谜亚星16 小时前
SVG学习(五)
前端·svg
WindStormrage16 小时前
FormData 传递 JSON 数据的问题解决
前端
拖拉斯旋风16 小时前
CSS Modules:现代前端组件化样式的安全边界
前端
张元清16 小时前
告别 Promise.all 的依赖困境:better-all 如何优雅管理异步任务
前端·javascript·面试
程序员爱钓鱼16 小时前
Node.js 编程实战:测试与调试 —— Mocha / Jest / Supertest 使用指南
前端·后端·node.js
一勺菠萝丶17 小时前
芋道项目部署:前端写死后端地址 vs Nginx 反向代理
前端·nginx·状态模式
pas13617 小时前
30-mini-vue 更新 element 的 props
前端·javascript·vue.js
魁首17 小时前
OpenAI Codex 深入剖析:下一代 AI 编程助手的架构与原理
前端·openai·ai编程
火星数据-Tina17 小时前
如何构建一个支持多终端同步的体育比分网站?
大数据·前端·数据库·websocket