vue组件中如何启用插件?
发布于 7 年前 作者 coocat 4079 次浏览 最后一次编辑是 7 年前 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

前端初学者.,以下是示例代码,想在这个组件中启用vueAlloyTouch 插件,希望赐教

import vueAlloyTouch from 'alloytouch/vue/alloy_touch.vue'

//window.vm.use(vueAlloyTouch);
export default {
  name: 'page',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      // 初始化设置
      options: {
        touch:"",//反馈触摸的dom
        vertical: true,//不必需,默认是true代表监听竖直方向touch
        target: '#scroller', //运动的对象
        property: "translateY",  //被滚动的属性
        sensitivity: 1,//不必需,触摸区域的灵敏度,默认值为1,可以为负数
        factor: 1,//不必需,默认值是1代表touch区域的1px的对应target.y的1
        step: 40,
      },
      // 动态设置属性
      min: window.innerHeight - 45 - 48 - 2000, //不必需,滚动属性的最小值
      max: 0, //不必需,滚动属性的最大值
    }
  },
  methods:{
    
      // 回调函数
      onAnimationEnd(){
        console.log('onAnimationEnd')
      }
    
  }

}```
回到顶部