yg-v-touch v1.0.5

vue-touch

安装

npm i yg-v-touch

使用

在main.js中引入插件并注册

import Touch from 'yg-v-touch'
let option = {
    //滑动时间限制----默认300（ms）
    swipeTime: 200,
    //长按时间限制----默认800（ms）
    longTapTime: 1000,
    //触发滑动事件的最小水平位移----默认10(px)
    widthX: 11,
    //触发滑动事件的最小垂直位移----默认40(px)
    widthY: 42,
};
//option为初始化设置项，如不设置将采用默认设置
Vue.use(Touch, option);

在项目中使用

    <div v-touch   @swipeLeft="youfn"  //左滑事件>    //不进行个性化设置的样例
       滑动事件的触发区域
    </div>
    <div v-touch="option"   //在目标dome上添加v-touch属性，option为个性化设置项，如不设置将采用默认设置
             @swipeLeft="youfn"  //左滑事件
             @longTap="youfn"    //长按事件
             @swipeRight="youfn('123')" //右滑事件
             @swipeUp="youfn"    //上滑事件
             @swipeDown="youfn"  //下滑事件
             @tap="youfn"        //点击事件
             >
            滑动事件的触发区域
    </div>


    methods: {
             youfn(e) {//e默认参数为滑动事件名，可接受传参,
                 console.log(e);
             },
    }

    ----触发左滑事件，控制台输出 left
    ----触发右滑事件，控制台输出 123