vue点击返回顶部插件v-totop
vue-totop
vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等。
npm install vue-totop -S
注入
// ES6
import vueToTop from 'vue-totop'
//or require
var vueToTop = require('vue-totop')
Vue.use(vueToTop)
组件使用
<vueToTop></vueToTop>
参数 说明 类型 可选值 默认值
type 按钮的类型,一共16种 number 0~15 0
top 滚动条离顶部多高时, 显示返回顶部按钮 number 大于0的整数 400
right 按钮右部定位位置 number 大于0的整数 30
bottom 按钮底部定位位置 number 大于0的整数 30
size 按钮大小 number 大于0的整数 24
color 按钮颜色 string rgb/hex '#666'
duration 返回顶部的间隔时间 number 大于0的整数 300