vue中出现横向滚动条，默认滑动到最右侧进行内容展示

1.html

<div  ref="scrollRef" class="box">
 <!-- 由内容撑起滚动条 -->
</div>

2.css

.box{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    &::-webkit-scrollbar {
      display: none;
    }
}

3.js

//获取完数据后，执行
//判断内容小于一屏时：
//let width = this.$refs.scrollRef.clientWidth;
//判断内容超过一屏时：
let width = this.$refs.scrollRef.scrollWidth;
this.$refs.scrollRef.scrollTo(width,0)；