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

相关推荐
xixixin_2 分钟前
【React】检测元素是否出现在用户视窗内
开发语言·前端·javascript·react.js
谢彦超oooo43 分钟前
HTML5 与前端开发要点
前端·html·html5
IT_陈寒1 小时前
Vue 3响应式原理深度拆解:5个90%开发者不知道的Ref与Reactive底层实现差异
前端·人工智能·后端
睡前要喝豆奶粉1 小时前
在.NET Core Web Api中使用JWT并配置UserContext获取用户信息
前端·.netcore
前端加油站2 小时前
一份实用的Vue3技术栈代码评审指南
前端·vue.js
Jonathan Star8 小时前
沉浸式雨天海岸:用A-Frame打造WebXR互动场景
前端·javascript
工业甲酰苯胺8 小时前
实现 json path 来评估函数式解析器的损耗
java·前端·json
老前端的功夫8 小时前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
LilySesy9 小时前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
Wang's Blog10 小时前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js