这个其实就是一个锚点的跳转,so,咋们就得获取到元素的节点。
1.首先在vue中获取节点的方法一般就几种而已,第一:通过ref方法,this,$refs.navMian来获取, 即可拿到对应的元素(当需要获取多个相同的元素节点时,这个方法行不通,之后能获取到最后一个)。如果ref放在组件上,可以拿到组件实例(当组件v-for循环时,可以拿到组件的数组)。
<div class="mianA" ref='navMian'>
<div></div>
<div></div>
</div>
<div class="mianB" ref='navMian'>
<div></div>
<div></div>
</div>
<el-row v-for="item in List"></el-row>
2.使用自定义指令,el
就是dom元素的引用,如果不明白多看看官方文档。
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
// 在模板中
<template>
<input v-model="name" v-focus />
</template>