vuet-scroll
v0.0.7
Published
vuet scroll
Downloads
9
Readme
vuet-scroll
它是做什么的?
它可以将window
和元素内部
的滚动条记录在Vuet
的模块中,如果没有传入绑定的对象,将会自动注入模块的$scroll
对象中
安装
npm install --save vuet-scroll
使用
import Vue from 'vue'
import Vuet from 'vuet'
import VuetRoute from 'vuet-route'
Vue.use(VuetScroll)
const vuet = new Vuet({
// 选项
})
const app = new App({
el: '#app',
vuet
})
安装成功后,会在Vue中注入v-vuet-scroll
指令,注意,此指令必须配合Vuet
使用才会有效
<!-- 默认绑定元素自身的滚动条 -->
<div v-vuet-scroll="{ path: 'vuet的模块路径,必选', name: '必须设置一个名称' }"></div>
<!-- 绑定window滚动条,不需要设置name -->
<div v-vuet-scroll.window="{ path: 'vuet的模块路径,必选' }"></div>
<!-- 同时绑定元素自身滚动条和window滚动条 -->
<div v-vuet-scroll.self.window="{ path: 'vuet的模块路径,必选', name: '必须设置一个名称' }"></div>
<!-- 手动绑定对象,可以设置默认滚动条位置 -->
<div v-vuet-scroll.self.window="{ path: 'vuet的模块路径,必选', name: '必须设置一个名称', self: { x: 0, y: 0 }, window: { x: 0, y: 0 } }"></div>