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

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

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

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

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

在这里插入图片描述

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

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

解决方法:

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

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

http://www.lryc.cn/news/427546.html

相关文章:

  • 【解决】Unity Inspector 视窗脚本中文乱码问题
  • 使用 C/C++访问 MySQL
  • Linux 网络套接字解析:实现网络通信
  • vue3 组合式API
  • 二、什么是Vue中的响应式?Vue的响应式原理
  • 快9月了才开始强化,跟张宇还是武忠祥?
  • SSM好易学学习平台---附源码92142
  • 对于mp4 ios和mac safari不能播放问题处理
  • 开发同城交友找搭子系统app前景分析
  • faiss向量数据库测试《三体》全集,这家国产AI加速卡,把性能提了7倍!
  • 负载均衡---相关概念介绍(一)
  • 计算机基础知识复习8.14
  • 【io深层理解】
  • 【懒人工具】指定新文件,替换全盘旧文件
  • React+Vis.js(02):设置节点样式
  • 3G网络要彻底没了
  • 如何配置ESXI主机的IP地址管理
  • 软件测试学习笔记丨测试用例设计方法
  • MinIO基本用法
  • MySQL windows版本安装
  • Python实现人脸轮廓提取
  • Prettier+Vscode setting提高前端开发效率
  • YOLOv10实时端到端目标检测
  • Java中的Annotation注解
  • 小五金加工:细节决定产品质量与性能
  • VS Code安装配置ssh服务结合内网穿透远程连接本地服务器详细步骤
  • 世界首位「AI科学家」问世!独立生成10篇学术论文! 横扫「顶会」?
  • 【高阶数据结构】图
  • 调研-音视频
  • 【数据结构】链式结构实现:二叉树