只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册

<div @click = 'roll(1)'>向左移动</div>
<div class='nav' ref="nav"></div>
<div @click = 'roll(2)'>向右移动</div>
.nav{
	overflow-   (x,y) = hidden
	/*宽高啥的。。。。。
}

x或y轴做隐藏

roll(index){
	if(index==1){
	//滚动的数值  或者  +- = 值  或者死的数值 就是相应位置
	//还有相应的 scrollTop 方法
		this.$refs.nav.scrollLeft += 50
	}else{
		this.$refs.nav.scrollLeft -= 50
	}

}
Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐