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

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

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

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

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

在这里插入图片描述

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

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

解决方法:

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

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


http://www.mrgr.cn/news/789.html

相关文章:

  • YOLOv8跑通POSE分类--姿态检测coco8-pos数据集
  • android 12.0SystemUI 状态栏下拉快捷添加截图快捷开关
  • 06_Linux中如何让程序重启后自动启动
  • 力扣--两数之和
  • PHP获取和操作配置文件php.ini的几个函数介绍
  • 一文带你深度了解“模糊控制器”的实现原理及C语言实现代码
  • 白骑士的C#教学实战项目篇 4.3 Web开发
  • 高可用集群keepalived的应用以及部署
  • 隧道定位导航技术主要依赖于哪些原理或技术
  • 6路220V交流电通断监测采集,继电器报警输出模块DAM-3020R
  • 【CSS】数字英文css没有转换成...换行点、没有换行、拆分的问题(非常常见的需求)
  • redis字符串若干记录
  • CPU缓存一致性机制详解
  • css如何使一个盒子水平垂直居中
  • 鸿蒙关于可以实现滚动效果的容器组件的相关知识
  • 《广东省消费品召回管理办法》所称的消费品缺陷,是指因设计、制造、警示等原因,致使同一批次、型号或者类别的消费品中___的危及人身、财产安全的不合理危险。()
  • 和等于 k 的最长子数组长度(LeetCode)
  • SpringMVC
  • 二、开发环境和第一个OpenTK程序
  • Mininet应用实践