vue 动态赋值ref以后，滚动页面到指定的ref节点方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 动态赋值ref以后，滚动页面到指定的ref节点方法相关的知识，希望对你有一定的参考价值。
参考技术A 单个子组件时直接ref=‘name’，在js中this. refs.后面是不能直接跟变量的,很简单that.$refs.name[0].scrollIntoView();加上[0]就能取到动态的节点了，然后滚动到改动态节点位置。vue3 如何通过 ref 获取 DOM 节点
参考技术A 在 vue2 中，我们通过 ref 为节点添加一个名称，然后用 this.$refs['节点名称'] 就可以获取到DOM节点，例：
在 vue3 中，我们一样可以通过为节点添加一个 ref 名称 ，但是接下来的步骤和 vue2 有些区别
1.为节点添加一个 ref 名称
2.创建 ref 响应式常量并且与 DOM 节点名称一致 ，且值为 null
3.在 mounted 之后通过 常量的 value 即可获取到 DOM 节点
例：
OK，今天就写这么多~！
以上是关于vue 动态赋值ref以后，滚动页面到指定的ref节点方法的主要内容，如果未能解决你的问题，请参考以下文章