vue.项目一步操作实现置顶功能

vue.js或nuxt.js封装一个组件实现点击置顶功能，

项目需求是不用监听滚动显示，是一值显示在右侧边，页面滚动到底部点击置顶按钮滚到到顶部

如果不监听页面滚动置顶显示，很简单一个事件一行代码

置顶页面图：

 

 

 

如上图点击置顶页面滚动到顶部

右侧代码(多个页面需要用直接封装为组件需要用的页面引入即可)

 

 

 CSS自定义

 methods中的事件

 

 

 事件代码

methods :{

　　// 点击置顶
　　goTopClick() {
　　　　document.documentElement.scrollIntoView({ behavior: "smooth" });
　　　},

},