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

问题

顺藤摸瓜找errorHandler.js文件

发现文件并没有什么问题

顺藤摸瓜找index.vue文件

首先找到报错的filter,发现与columnsSetting相关

找到columnsSetting发现等于columns

返回自己使用S-table组件的地方,发现columns初始化时仅初始化为ref()未表明格式以及未赋予初始数据,并且给columns赋值发生在onMounted处

在方法initColumns中才给columns赋值

由此推断有可能是渲染问题,当组件渲染出来时,columns为null并不为[],

请求完onMounted后,columns才被赋值。

尝试给columns 赋初始空值 const columns = ref([])

经测试后,发现推断正确,S-table不再报错。

相关推荐
燕落南枝4 分钟前
CSS 表单选择器与伪元素选择器详解
前端·css
拖孩5 分钟前
一个人 + AI 做的小程序,今天,正式回本了
前端·后端·微信小程序
进击的丸子11 分钟前
APP 人脸识别增值版 SDK:Camera2 无缝接入指南
前端·前端框架·代码规范
开开心心就好15 分钟前
本地文件搜索工具,双击Ctrl就能呼出搜索
java·服务器·前端·支持向量机·ffmpeg·音视频·模拟退火算法
知了清语26 分钟前
SVG 缩放预览:F12 无法定位子元素 & 放大模糊
前端
AN26 分钟前
一个人,带着一群 AI:一个 10 年前端如何做出几十个团队在用的在线文档
前端
ByteCoder.27 分钟前
班前十分钟的清单,按体检引导单来写
java·服务器·前端·助播虾
小大宇36 分钟前
vue知识点9-标签上的ref
前端·javascript·vue.js
艺杯羹38 分钟前
告别大模型滥用与延迟失控:确定性优先法则与本地规则引擎实战
前端·人工智能·系统架构
MetWeave40 分钟前
一根杆与一张场:把你的机场画上地图
前端·数据可视化