问题复现:眨眼睛使用vite+vue3实现跳转dom功能时使用了
scrollIntoView
方法,在打包上传以后使用该功能报错
小友可能会陷入误区,以为是函数方法有问题,毕竟在开发时是没有问题的,
而实际上呢问题出在获取节点失败了
在这里眨眼睛是使用ref绑定获取了个节点数组
如果小友是这样绑定获取节点的,并且直接在这个vue里使用出现了问题,请另寻基本用法或生命周期的文章尝试,这不是本文遇到的问题
眨眼睛的问题在于使用pinia绑定在store
时为直接解构
,导致绑定的响应式丢失,也就说你用于绑定节点的根本就不是ref类型
解决方法:
其实pinia
是为我们提供了不丢失响应式的解构方法的(记得引入),我们只需要套一层即可
小结:刚开始使用vue3+pinia开发时常常不是很注重响应式丢失这件事,有的响应式丢失了在开发环境也能用,但打包以后就不行了,有更甚,响应式只响应数据增加不响应数据删除的情况,颇为费解,小友们在使用过程中建议规范使用,避免不必要的问题