vue 动态赋值ref以后，滚动页面到指定的ref节点方法

单个子组件时直接ref=‘name’，在js中this refs后面是不能直接跟变量的,很简单that$refsname[0]scrollIntoView();加上[0]就能取到动态的节点了，然后滚动到改动态节点位置。

在JavaScript中需要通过documentquerySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this$refs即可调用，这样可以减少获取dom节点的消耗。

this$refs是一个对象，持有当前组件中注册过 ref特性的所有 DOM 元素和子组件实例

当ref和v-for一起使用时，获取到的引用将会是一个数组，包含循环数组源

1子组件code：

2父组件code:

在组件上定义ref="名字",可以通过this$refs名字，，，获取dom元素。。例如下面：

<div id="out">

    <h2>组件 *** 作</h2>

    <hr/>

    <p ref="tit">组件 *** 作组件 *** 作v组件 *** 作组件 *** 作组件 *** 作</p>

    <button @click="tap">点击</button>

</div>

</body>

<script type="text/javascript">

var vm = new Vue({

        el:'#out',

        data:{

        },

methods:{

        tap(){

             consolelog(this$refstitinnerHTML)//获取dom元素把dom元素的内容拿了出来

        }

    }

})

v-model,,,在输入框，单选框，多选框等等，添加v-model=“tit”的时候v-model的值必须在data里面声明；

v-model的值是他们的value值

以上就是关于vue 动态赋值ref以后，滚动页面到指定的ref节点方法全部的内容，包括:vue 动态赋值ref以后，滚动页面到指定的ref节点方法、Vue中ref和$refs的介绍及使用、vue组件 *** 作 ---ref --v-model 2018-11-05等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！