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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/416598.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Zoho Bigin 2024新功能预览:小企业CRM大热卖!

目前,市面上大多数CRM客户关系管理软件功能复杂,层级多,涵盖从市场营销、销售过程管理再到售后服务的完整客户生命周期。很多功能小微企业在当前阶段用不上,所以不愿意为用不上的功能和服务付费,市场上真正适合小微企业…

机器人内部传感器阅读梳理及心得-速度传感器-数字式速度传感器

在机器人控制系统中,增量式编码器既可以作为位置传感器测量关节相对位置,又可作为速度传感器测量关节速度。当作为速度传感器时,既可以在模拟量方式下使用,又可以在数字量方式下使用。 模拟式方法 在这种方式下,需要…

美国1月PCE数据出炉,5月降息成泡影?

KlipC报道:周三,美国商务部发布的数据显示,美国四季度核心个人消费支出(PCE)物价指出环比修正值为2.1%,超市场预期。剔除食品和能源的核心PCE指数走高2.1%。两者均略高于预估初值。数据发布后,美元指数短线小幅走低&am…

如何在宝塔面板中设置FTP文件传输服务并实现远程文件管理

文章目录 1. Linux安装Cpolar2. 创建FTP公网地址3. 宝塔FTP服务设置4. FTP服务远程连接小结 5. 固定FTP公网地址6. 固定FTP地址连接 宝塔FTP是宝塔面板中的一项功能,用于设置和管理FTP服务。通过宝塔FTP,用户可以创建FTP账号,配置FTP用户权限…

Linux小项目:在线词典开发

在线词典介绍 流程图如下: 项目的功能介绍 在线英英词典项目功能描述用户注册和登录验证服务器端将用户信息和历史记录保存在数据中。客户端输入用户和密码,服务器端在数据库中查找、匹配,返回结果单词在线翻译根据客户端输入输入的单词在字…

如何将动态IP代理转换为静态IP代理的方法与步骤

目录 前言 一、什么是动态IP代理 二、为什么需要静态IP代理 三、如何将动态IP代理转换为静态IP代理 步骤一:购买静态IP地址 步骤二:配置代理服务器 步骤三:验证静态IP代理 步骤四:测试代理服务器 四、代码示例 五、总结…

代理IP安全问题:在国外使用代理IP是否安全

目录 前言 一、国外使用代理IP的安全风险 1. 数据泄露 2. 恶意软件 3. 网络攻击 4. 法律风险 二、保护国外使用代理IP的安全方法 1. 选择可信的代理服务器 2. 使用加密协议 3. 定期更新系统和软件 4. 注意网络安全意识 三、案例分析 总结 前言 在互联网时代&…

C++如何跨模块释放内存

这篇文章主要为大家详细介绍了C中跨模块释放内存的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解下 目录 一、MT改MD二、DLL提供释放接口三、使用进程堆申请内存 在开发主程序和动态库时,首要原则就是:避免跨模块申请和…

即时设计-高效易用的界面工具

界面工具是设计师的得力助手,为设计师快速创建精美易用的用户界面提供了丰富的功能和直观的界面。在众多的界面工具中,有的支持预设模板、图标库和样式库,有的更注重原型和互动。如何选择优秀的界面工具?这里有一个高效易用的界面…

教师辞职后还能再当老师吗

有人提出这样的问题:“我曾是一名教师,但因为种种原因辞职了,现在还想重回教育行业,还有可能吗?”这个问题看似简单,实则涉及了教师职业的几个关键因素。 老师这份工作不仅仅是一份职业,更是一份…

‘grafana.ini‘ is read only ‘defaults.ini‘ is read only

docker安装grafana 关闭匿名登录情况下的免密登录遇到问题 grafana.ini is read only defaults.ini is read only 参考回答(Grafana.ini giving me the creeps - #2 by bartweemaels - Configuration - Grafana Labs Community Forums) 正确启动脚本 …

面试数据库篇(mysql)- 03MYSQL支持的存储引擎有哪些, 有什么区别

存储引擎就是存储数据、建立索引、更新/查询数据等技术的实现方式 。存储引擎是基于表的,而不是基于库的,所以存储引擎也可被称为表类型。 MySQL体系结构 连接层服务层引擎层存储层 存储引擎特点 InnoDB MYSQL支持的存储引擎有哪些, 有什么区别 ? my…

Mysql的备份还原

模拟环境准备 创建一个名为school的数据库,创建一个名为Stuent的学生信息表 mysql> create database school; Query OK, 1 row affected (0.00 sec)mysql> use school; Database changed mysql> CREATE TABLE Student (-> Sno int(10) NOT NULL COMME…

选择何种操作系统作为网站服务器

选择操作系统时,需考虑稳定性、安全性、成本、兼容性和技术支持等因素,常见选项有Windows Server和Linux发行版。 选择网站服务器的操作系统是一个关键的决策,因为它将影响到网站的性能、稳定性、安全性以及未来的扩展性,目前市场…

考完PMP后,项目经理有必要考NPDP吗?

其实项目经理让人反感的根本原因,就是他们不懂产品/技术/业务,却总盯着时间轴和日程表去催进度。 那项目经理只能选择继续当大冤种吗? 项目经理可以带着产品思维做项目!不仅会有新发现,而且不会让人反感。 以项目经…

YOLOv8改进涨点,添加GSConv+Slim Neck,有效提升目标检测效果,代码改进(超详细)

目录 摘要 主要想法 GSConv GSConv代码实现 slim-neck slim-neck代码实现 yaml文件 完整代码分享 总结 摘要 目标检测是计算机视觉中重要的下游任务。对于车载边缘计算平台来说,巨大的模型很难达到实时检测的要求。而且,由大量深度可分离卷积层构…

4_怎么看原理图之协议类接口之SPI笔记

SPI(Serial Peripheral Interface)是一种同步串行通信协议,通常用于在芯片之间传输数据。SPI协议使用四根线进行通信:主设备发送数据(MOSI),从设备发送数据(MISO)&#x…

抖音商品详情数据API接口采集(属性,主图,价格,sku等)item_get-获得抖音商品详情

item_get-获得抖音商品详情 douyin.item_get 公共参数 名称类型必须描述keyString是调用key(必须以GET方式拼接在URL中)secretString是调用密钥WeChat18305163218api_nameString是API接口名称(包括在请求地址中)[item_search,i…

用OpenArk查看Windows 11电脑中全部快捷键并解决热键冲突问题

本文介绍在Windows电脑中,基于OpenArk工具,查看电脑操作系统与所有软件的快捷键,并对快捷键冲突加以处理的方法。 最近,发现有道词典的双击Ctrl功能失效了,不能很方便地翻译界面中的英语;所以,就…

解决墨刀原型在谷歌中无法打开index.html

在谷歌预览原型的时候发现需要下载插件才能预览,经过网上搜索,找到了以下解决方案,整理如下: 1、打开原型文件夹,依次点开resources->chrome,找到axure-chrome-extension.crx。 2. 把axure-chrome-extension.crx后…