当前位置： 首页 > news >正文

TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）

news 2026/5/19 12:25:31

问题复现：眨眼睛使用vite+vue3实现跳转dom功能时使用了scrollIntoView方法，在打包上传以后使用该功能报错

小友可能会陷入误区，以为是函数方法有问题，毕竟在开发时是没有问题的，
而实际上呢问题出在获取节点失败了

在这里眨眼睛是使用ref绑定获取了个节点数组

在这里插入图片描述

如果小友是这样绑定获取节点的，并且直接在这个vue里使用出现了问题，请另寻基本用法或生命周期的文章尝试，这不是本文遇到的问题

眨眼睛的问题在于使用pinia绑定在store时为直接解构，导致绑定的响应式丢失,也就说你用于绑定节点的根本就不是ref类型

解决方法:

在这里插入图片描述
其实pinia是为我们提供了不丢失响应式的解构方法的（记得引入），我们只需要套一层即可

小结：刚开始使用vue3+pinia开发时常常不是很注重响应式丢失这件事，有的响应式丢失了在开发环境也能用，但打包以后就不行了，有更甚，响应式只响应数据增加不响应数据删除的情况，颇为费解，小友们在使用过程中建议规范使用，避免不必要的问题

相关文章：

TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）

问题复现：眨眼睛使用vitevue3实现跳转dom功能时使用了scrollIntoView方法，在打包上传以后使用该功能报错 小友可能会陷入误区，以为是函数方法有问题，毕竟在开发时是没有问题的， 而实际上呢问题出在获取节点失败了 在这…...

编程日记 2024/8/19 18:09:21

【解决】Unity Inspector 视窗脚本中文乱码问题

开发平台：Unity 2020 编程平台：Visual Studio 2022   问题描述 开发过程中，为便利化快速审阅代码内容，通过 Unity Inspector 确认代码内容与逻辑。但对于默认安装的 Visual Studio 编程平台，保存的 UTF- 8 脚本文件在…...

编程日记 2024/8/19 18:07:19

使用 C/C++访问 MySQL

目录 准备工作 尝试链接 MySQL Client MySQL 接口介绍 准备工作 保证 MySQL 服务有效。下载MySQL开发包（可以在MySQL官网下载安装也可以在软件源安装） MySQL 开发包通常会包含一些特定的头文件和库文件。您可以检查以下常见的路径： /us…...

编程日记 2024/8/19 18:02:13

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.协议…...

编程日记 2024/8/19 17:58:09

vue3 组合式API

<!-- 深度监听 deep 点击按钮控制台&#xff0c;才输出count变化了: 1, 老值: 0;否则控制台不输出 --> <script setup>import { ref,watch } from vueconst state ref({count:0})const setCount () > {state.count.value}watch(state, () > {console.log(…...

编程日记 2024/8/19 17:57:08

二、什么是Vue中的响应式？Vue的响应式原理

什么是Vue中的响应式 Vue中的响应式&#xff0c;简而言之就是当数据发生变化时&#xff0c;页面跟随变化。使用过Vue的v-model都有比较深刻的感受&#xff0c;我们在代码中修改双向绑定的数据后&#xff0c;页面上的数据也会自动更新&#xff0c;页面跟随变化 我们看个例子&am…...

编程日记 2024/8/19 17:56:07

快9月了才开始强化，跟张宇还是武忠祥？

快9月了才开始强化&#xff0c;跟张宇还是武忠祥&#xff01; 说真的&#xff0c;我也替这位同学着急&#xff0c;但是考研数学越是进度慢&#xff0c;就越不能急&#xff01;急着赶进度&#xff0c;容易出事&#xff01;遇到这个问题的朋友肯定不止一位&#xff0c;那我就帮大…...

编程日记 2024/8/19 17:54:05

SSM好易学学习平台---附源码92142

摘 要 随着互联网趋势的到来&#xff0c;各行各业都在考虑利用互联网将自己推广出去&#xff0c;最好方式就是建立自己的互联网系统&#xff0c;并对其进行维护和管理。在现实运用中&#xff0c;应用软件的工作规则和开发步骤&#xff0c;采用Java技术建设好易学学习平台。本文…...

编程日记 2024/8/19 17:53:04

对于mp4 ios和mac safari不能播放问题处理

直接对原mp4文件进行重新转码就可以了 ffmpeg -i origin.mp4 -vcodec h264 -profile:v high -level 4.1 orgin_hl.mp4 原因源文件不符合苹果基本规则 苹果官网文档...

编程日记 2024/8/19 17:52:02

开发同城交友找搭子系统app前景分析

开发同城交友系统APP的背景 社交需求多样化&#xff1a; 随着城市化的加速和人们生活节奏的加快&#xff0c;现代人的社交圈子往往较为狭窄&#xff0c;难以结识新朋友。传统的线下交友方式受限于时间、地点等因素&#xff0c;难以满足现代人对于交友的多样化需求。互联网和智…...

编程日记 2024/8/19 17:51:01

faiss向量数据库测试《三体》全集，这家国产AI加速卡，把性能提了7倍！

在人工智能和机器学习技术的飞速发展中&#xff0c;向量数据库在处理高维数据方面扮演着日益重要的角色。近年来&#xff0c;随着大型模型的流行&#xff0c;向量数据库技术也得到了进一步的发展和完善。 向量数据库为大型模型提供了一个高效的数据管理和检索平台&#xff0c;…...

编程日记 2024/8/19 17:49:59

负载均衡---相关概念介绍（一）

负载均衡&#xff08;Load Balance&#xff09;是集群技术的一种重要应用&#xff0c;旨在将负载&#xff08;工作任务&#xff09;进行平衡、分摊到多个操作单元上进行运行&#xff0c;从而提高系统的并发处理能力、增加吞吐量、加强网络处理能力&#xff0c;并提供故障转移以…...

编程日记 2024/8/19 17:47:57

计算机基础知识复习8.14

子线程抛异常主线程能否catch 在不做任何处理的情况下&#xff0c;主线程不能catch 解决方式&#xff1a; 子线程使用try catch来捕获异常 为线程设置未捕获异常处理器UncaughtExceptionHandler 通过future的get方法捕获异常 JVM相关参数 显示指定堆内存-Xms和-Xmx指定最…...

编程日记 2024/8/19 17:45:54

【io深层理解】

io深层理解 1.内核态2.用户态3. select IO多路复用执行原理4. select io多路复用限制和不足 1.内核态 一个进程会涉及多文件的修改&#xff0c;比如说。那么在内核态就会维护一个表&#xff0c;这个表叫文件描述符bitmap&#xff0c;这个表会传递给内核态&#xff0c;当然肯定传…...

编程日记 2024/8/19 17:43:51

【懒人工具】指定新文件，替换全盘旧文件

没辙&#xff0c;就是懒 最近在调整.clang-format&#xff0c;这个format文件要跟着项目走&#xff0c;只换本地默认的还不够。调整好以后一个项目一个项目的换&#xff0c;有时候会漏掉&#xff0c;索性全盘一次性换完。 基于自己操作的流程&#xff0c;写了个脚本&#xff0…...

编程日记 2024/8/19 17:42:48

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节点添加…...

编程日记 2024/8/19 17:41:47

3G网络要彻底没了

2月21日，三大运营商公布了最新的用户数据，移动联通电信三家5G套餐用户数合计超过了7.5亿。信通院早前公布的数据显示，一月份，国内市场5G手机出货量2632.4万部，占同期手机出货量的79.7%。 这两项数据，说明我们已经进入到了5G时代，5G的普及速度远超很多人的想象。就在5G逐…...

编程日记 2024/8/19 17:40:45

如何配置ESXI主机的IP地址管理

&#x1f3e1;作者主页&#xff1a;点击&#xff01; &#x1f427;Linux基础知识(初学)&#xff1a;点击&#xff01; &#x1f427;Linux高级管理防护和群集专栏&#xff1a;点击&#xff01; &#x1f510;Linux中firewalld防火墙&#xff1a;点击&#xff01; ⏰️创作…...

编程日记 2024/8/19 17:38:43

软件测试学习笔记丨测试用例设计方法

本文转自测试人社区&#xff0c;原文链接&#xff1a;https://ceshiren.com/t/topic/31921 一&#xff0c;黑盒测试方法论 1&#xff0c;等价类 1.1 定义 等价类划分是一种重要的、常用的黑盒测试方法不需要考虑程序的内部结构&#xff0c;只需要考虑程序的输入规格即可它将…...

编程日记 2024/8/19 17:37:41

MinIO基本用法

在现代云计算和大数据领域&#xff0c;对象存储因其可扩展性、可靠性和低成本成为数据存储的重要选择。MinIO作为一个高性能、分布式的对象存储系统&#xff0c;凭借其开源、简单易用以及与Amazon S3兼容的特性&#xff0c;在业界得到了广泛的应用。本文将带您了解MinIO的基本用…...

编程日记 2024/8/19 17:36:40

计算机毕业设计Python深度学习面向农户的农业知识问答机器人 大数据毕业设计(源码+LW+PPT+讲解)

温馨提示&#xff1a;本人主页置顶文章(点我)开头有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;本人主页置顶文章(点我)开头有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;本人主页置顶文章(点我)开头有 CSDN 平台…...

编程新知 2026/5/19 12:23:12

DriverStore Explorer：Windows驱动存储管理的终极解决方案与实战指南

DriverStore Explorer&#xff1a;Windows驱动存储管理的终极解决方案与实战指南 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer DriverStore Explorer&#xff08;简称RAPR&#xff09…...

编程新知 2026/5/19 12:03:57

从手机充电器到新能源汽车：拆解‘电感’在开关电源中的核心戏份（以Buck电路为例）

从手机充电器到新能源汽车&#xff1a;拆解‘电感’在开关电源中的核心戏份&#xff08;以Buck电路为例&#xff09; 当你的手机充电器在半小时内将电量从20%充至80%时&#xff0c;背后隐藏着一个不为人知的能量调度大师——电感。这个看似简单的线圈组件&#xff0c;实则是现…...

编程新知 2026/5/19 11:52:55

如何用N_m3u8DL-RE破解加密流媒体：跨平台下载的终极指南

如何用N_m3u8DL-RE破解加密流媒体&#xff1a;跨平台下载的终极指南 【免费下载链接】N_m3u8DL-RE Cross-Platform, modern and powerful stream downloader for MPD/M3U8/ISM. English/简体中文/繁體中文. 项目地址: https://gitcode.com/GitHub_Trending/nm3/N_m3u8DL-RE …...

编程新知 2026/5/19 11:38:30

前端开发自救指南：不用写测试代码，5分钟用Playwright录制生成E2E测试脚本

前端开发自救指南&#xff1a;5分钟零代码生成E2E测试脚本的Playwright实战 最近在重构公司后台管理系统时&#xff0c;我遇到了一个典型的前端开发困境&#xff1a;每次修改表单验证逻辑后&#xff0c;都需要手动点击十几个字段组合来验证是否会影响其他功能。直到团队里的测…...

编程新知 2026/5/19 10:09:27

微软：小模型替代大模型执行终端任务

&#x1f4d6;标题&#xff1a;Terminus-4B: Can a Smaller Model Replace Frontier LLMs at Agentic Execution Tasks? &#x1f310;来源&#xff1a;arXiv, 2605.03195v1 &#x1f6ce;️文章简介 &#x1f538;研究问题&#xff1a;在代码智能体的终端执行子任务中&#x…...

编程新知 2026/5/19 9:08:01

Linux环境下KingbaseES（人大金仓）数据库的自动化部署与配置实践

1. 为什么需要自动化部署KingbaseES&#xff1f; 第一次手动部署KingbaseES数据库的经历让我记忆犹新。那天我在机房折腾了整整6个小时&#xff0c;光是反复输入各种命令就让人抓狂&#xff0c;更别提中间因为权限问题重装了三次。相信很多DBA同行都有过类似的痛苦体验——手动…...

编程新知 2026/5/19 7:51:03

遗传算法 训练俄罗斯方块策略

代码 见仓库https://github.com/hereisaway/Tetris_AI&#xff0c;vibe coding出来的&#xff0c;可能有点小问题&#xff0c;但能跑。 思想 游戏策略也是一个启发式算法大展拳脚的领域。 对于很多游戏&#xff0c;策略可以简化为&#xff0c;需要一个估值函数&#xff0c;对当…...

编程新知 2026/5/19 7:51:03

Godot实战（一）—— 用C#构建2D躲避游戏的核心机制

1. 环境准备与项目初始化 第一次打开Godot引擎时&#xff0c;那个简洁的界面可能会让你有点不知所措。别担心&#xff0c;我们一步步来。点击"New Project"按钮&#xff0c;给你的游戏项目起个名字&#xff0c;比如"DodgeTheCreeps"。建议专门创建一个空文…...

编程新知 2026/5/19 6:41:47

高层次综合设计算法-常见问题记录(一)

一、算法设计思考的重点 1.定点化的陷阱 整数部分数据位宽不足造成的溢出&#xff1b; 舍入导致图像的视觉差异&#xff1b; 小数部分位宽不足导致精度不够&#xff0c;或者效果不佳&#xff1b;2.pipelin流水线的设计 普通变量造成的数据依赖问题&#xff0c;导致II达不到&…...

编程新知 2026/5/19 6:39:45