TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）
问题复现：眨眼睛使用vite+vue3实现跳转dom功能时使用了
scrollIntoView方法，在打包上传以后使用该功能报错
小友可能会陷入误区，以为是函数方法有问题，毕竟在开发时是没有问题的，
而实际上呢问题出在获取节点失败了
在这里眨眼睛是使用ref绑定获取了个节点数组
如果小友是这样绑定获取节点的，并且直接在这个vue里使用出现了问题，请另寻基本用法或生命周期的文章尝试，这不是本文遇到的问题
眨眼睛的问题在于使用pinia绑定在store时为直接解构，导致绑定的响应式丢失,也就说你用于绑定节点的根本就不是ref类型
解决方法:
其实pinia是为我们提供了不丢失响应式的解构方法的（记得引入），我们只需要套一层即可
小结：刚开始使用vue3+pinia开发时常常不是很注重响应式丢失这件事，有的响应式丢失了在开发环境也能用，但打包以后就不行了，有更甚，响应式只响应数据增加不响应数据删除的情况，颇为费解，小友们在使用过程中建议规范使用，避免不必要的问题
相关文章：
TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）
问题复现：眨眼睛使用vitevue3实现跳转dom功能时使用了scrollIntoView方法，在打包上传以后使用该功能报错 小友可能会陷入误区，以为是函数方法有问题，毕竟在开发时是没有问题的， 而实际上呢问题出在获取节点失败了 在这…...
【解决】Unity Inspector 视窗脚本中文乱码问题
开发平台：Unity 2020 编程平台：Visual Studio 2022 问题描述 开发过程中，为便利化快速审阅代码内容，通过 Unity Inspector 确认代码内容与逻辑。但对于默认安装的 Visual Studio 编程平台，保存的 UTF- 8 脚本文件在…...
使用 C/C++访问 MySQL
目录 准备工作 尝试链接 MySQL Client MySQL 接口介绍 准备工作 保证 MySQL 服务有效。下载MySQL开发包（可以在MySQL官网下载安装也可以在软件源安装） MySQL 开发包通常会包含一些特定的头文件和库文件。您可以检查以下常见的路径： /us…...
Linux 网络套接字解析：实现网络通信
目录 一.网络基础1.协议2.OSI与TCP/IP模型3.网络通信流程4.IP与Mac地址 二.网络编程套接字1.端口号2.网络字节序3.tcp、udp协议4.socket编程5.sockaddr结构解析6.实现Udp_socket7.实现Windows与Linux通信8.Linux下远程执行指令9.实现tcp_socket10.守护进程 一.网络基础 1.协议…...
vue3 组合式API
<!-- 深度监听 deep 点击按钮控制台，才输出count变化了: 1, 老值: 0;否则控制台不输出 --> <script setup>import { ref,watch } from vueconst state ref({count:0})const setCount () > {state.count.value}watch(state, () > {console.log(…...
二、什么是Vue中的响应式？Vue的响应式原理
什么是Vue中的响应式 Vue中的响应式，简而言之就是当数据发生变化时，页面跟随变化。使用过Vue的v-model都有比较深刻的感受，我们在代码中修改双向绑定的数据后，页面上的数据也会自动更新，页面跟随变化 我们看个例子&am…...
快9月了才开始强化，跟张宇还是武忠祥？
快9月了才开始强化，跟张宇还是武忠祥！ 说真的，我也替这位同学着急，但是考研数学越是进度慢，就越不能急！急着赶进度，容易出事！遇到这个问题的朋友肯定不止一位，那我就帮大…...
SSM好易学学习平台---附源码92142
摘 要 随着互联网趋势的到来，各行各业都在考虑利用互联网将自己推广出去，最好方式就是建立自己的互联网系统，并对其进行维护和管理。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设好易学学习平台。本文…...
对于mp4 ios和mac safari不能播放问题处理
直接对原mp4文件进行重新转码就可以了 ffmpeg -i origin.mp4 -vcodec h264 -profile:v high -level 4.1 orgin_hl.mp4 原因源文件不符合苹果基本规则 苹果官网文档...
开发同城交友找搭子系统app前景分析
开发同城交友系统APP的背景 社交需求多样化： 随着城市化的加速和人们生活节奏的加快，现代人的社交圈子往往较为狭窄，难以结识新朋友。传统的线下交友方式受限于时间、地点等因素，难以满足现代人对于交友的多样化需求。互联网和智…...
faiss向量数据库测试《三体》全集，这家国产AI加速卡，把性能提了7倍！
在人工智能和机器学习技术的飞速发展中，向量数据库在处理高维数据方面扮演着日益重要的角色。近年来，随着大型模型的流行，向量数据库技术也得到了进一步的发展和完善。 向量数据库为大型模型提供了一个高效的数据管理和检索平台，…...
负载均衡---相关概念介绍（一）
负载均衡（Load Balance）是集群技术的一种重要应用，旨在将负载（工作任务）进行平衡、分摊到多个操作单元上进行运行，从而提高系统的并发处理能力、增加吞吐量、加强网络处理能力，并提供故障转移以…...
计算机基础知识复习8.14
子线程抛异常主线程能否catch 在不做任何处理的情况下，主线程不能catch 解决方式： 子线程使用try catch来捕获异常 为线程设置未捕获异常处理器UncaughtExceptionHandler 通过future的get方法捕获异常 JVM相关参数 显示指定堆内存-Xms和-Xmx指定最…...
【io深层理解】
io深层理解 1.内核态2.用户态3. select IO多路复用执行原理4. select io多路复用限制和不足 1.内核态 一个进程会涉及多文件的修改，比如说。那么在内核态就会维护一个表，这个表叫文件描述符bitmap，这个表会传递给内核态，当然肯定传…...
【懒人工具】指定新文件，替换全盘旧文件
没辙，就是懒 最近在调整.clang-format，这个format文件要跟着项目走，只换本地默认的还不够。调整好以后一个项目一个项目的换，有时候会漏掉，索性全盘一次性换完。 基于自己操作的流程，写了个脚本࿰…...
React+Vis.js（02）：设置节点样式
文章目录 1、修改vis.js的节点和关系颜色2、修改vis.js节点的字体颜色2.1 统一设置节点字体颜色2.2 自定义某个节点的字体颜色3、设置vis.js节点的边框颜色和宽度3.1 设置单个节点3.2 统一设置1、修改vis.js的节点和关系颜色 在vis.js中，可以通过color属性，来给node节点添加…...
3G网络要彻底没了
2月21日，三大运营商公布了最新的用户数据，移动联通电信三家5G套餐用户数合计超过了7.5亿。信通院早前公布的数据显示，一月份，国内市场5G手机出货量2632.4万部，占同期手机出货量的79.7%。 这两项数据，说明我们已经进入到了5G时代，5G的普及速度远超很多人的想象。就在5G逐…...
如何配置ESXI主机的IP地址管理
🏡作者主页：点击！ 🐧Linux基础知识(初学)：点击！ 🐧Linux高级管理防护和群集专栏：点击！ 🔐Linux中firewalld防火墙：点击！ ⏰️创作…...
软件测试学习笔记丨测试用例设计方法
本文转自测试人社区，原文链接：https://ceshiren.com/t/topic/31921 一，黑盒测试方法论 1，等价类 1.1 定义 等价类划分是一种重要的、常用的黑盒测试方法不需要考虑程序的内部结构，只需要考虑程序的输入规格即可它将…...
MinIO基本用法
在现代云计算和大数据领域，对象存储因其可扩展性、可靠性和低成本成为数据存储的重要选择。MinIO作为一个高性能、分布式的对象存储系统，凭借其开源、简单易用以及与Amazon S3兼容的特性，在业界得到了广泛的应用。本文将带您了解MinIO的基本用…...
Qwen3-0.6B-FP8代理能力展示：调用计算器、查天气、解析PDF的Chainlit实录
Qwen3-0.6B-FP8代理能力展示：调用计算器、查天气、解析PDF的Chainlit实录 1. 引言：当小模型遇上大智慧 你可能听过很多关于大语言模型的讨论，动辄几十亿、上百亿参数，感觉它们无所不能。但今天我想和你聊聊一个不太一样的模型—…...
京东云GPU服务器省钱攻略：如何根据业务需求灵活选择计费模式和虚拟化方案
京东云GPU服务器成本优化实战指南：精准匹配业务需求的选型策略 在AI与高性能计算领域，GPU服务器已成为企业技术基础设施的核心组件。然而，面对复杂的计费模式、多样的硬件配置以及差异化的虚拟化方案，许多技术决策者常常陷入"…...
老旧设备的开源OCR解决方案：技术适配与性能优化指南
老旧设备的开源OCR解决方案：技术适配与性能优化指南 【免费下载链接】Umi-OCR Umi-OCR: 这是一个免费、开源、可批量处理的离线OCR软件，适用于Windows系统，支持截图OCR、批量OCR、二维码识别等功能。 项目地址: https://gitcode.com/GitHub…...
功能齐全的屏幕截图C++实现详解（附源码）
目录 1、概述 2、屏幕截图的主要功能点 3、屏幕截图的主体实现思路 3.1、截图主窗口全屏置顶 3.2、桌面灰化 3.3、窗口自动套索 3.4、区域放大 3.5、截取区域的选择 3.5、截图工具条 3.6、矩形等图元的绘制 4、桌面灰化的实现细节 5、窗口自动套索实现 6、区域放大…...
Magisk完整指南：Android设备终极Root与系统定制解决方案
Magisk完整指南：Android设备终极Root与系统定制解决方案 【免费下载链接】Magisk The Magic Mask for Android 项目地址: https://gitcode.com/GitHub_Trending/ma/Magisk Magisk是一款革命性的Android系统定制工具套件，它通过独特的系统无痕修改…...
OpenClaw+GLM-4.7-Flash：自动化代码审查与优化建议
OpenClawGLM-4.7-Flash：自动化代码审查与优化建议 1. 为什么需要自动化代码审查 作为一名长期与代码打交道的开发者，我深知代码审查的重要性，但传统的人工审查存在几个痛点：时间成本高、标准不统一、容易遗漏细节。特别是在个人项…...
RPA工程化实践：三种核心设计模式让复杂流程优雅可控
一、为什么RPA需要设计模式？ 在回答这个问题前，我们先看一个典型的复杂RPA场景：企业财务自动化需要从多个系统获取数据（ERP、CRM、银行），经过清洗、验证、转换，然后生成报表并上传至OA系统&…...
如何快速搭建QQ机器人？LuckyLilliaBot入门指南
如何快速搭建QQ机器人？LuckyLilliaBot入门指南 【免费下载链接】LuckyLilliaBot NTQQ的OneBot API插件 项目地址: https://gitcode.com/gh_mirrors/li/LuckyLilliaBot 在数字化时代，QQ机器人开发已成为自动化交互的重要工具。LuckyLilliaBot作为N…...
嵌入式OLED UI组件库：轻量级C++组件化设计
1. 项目概述 OLED UI Components 是一个面向嵌入式平台的轻量级、组件化 OLED 用户界面开发库，专为基于 SSD1306 驱动芯片的单色 OLED 显示屏（典型分辨率为 12864）设计。该库不直接操作硬件寄存器，而是构建在 Adafruit_SSD1306 库…...
FireRedASR-AED-L在Windows系统的部署问题解决方案
FireRedASR-AED-L在Windows系统的部署问题解决方案 1. 引言 如果你正在Windows系统上尝试部署FireRedASR-AED-L这个强大的语音识别模型，可能会遇到各种让人头疼的问题。环境配置、依赖冲突、GPU兼容性——这些都是Windows环境下部署深度学习模型时常见的拦路虎。 …...