vue监听左右滑动事件

引入 vue-touch**1**npm insall vue-touch@next2在main.js中将vue-touch注入到vueimport VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})3用vur-touch将需要滑动的包裹起来<v-touch v-on:swipeleft="le...

白马湖小龙王

9378人浏览 · 2018-08-16 19:14:38

白马湖小龙王 · 2018-08-16 19:14:38 发布

引入 vue-touch
1npm insall vue-touch@next

2在main.js中将vue-touch注入到vue

import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})

3用vur-touch将需要滑动的包裹起来

  <v-touch v-on:swipeleft="leftChangeImg"height="500px" v-on:swiperight="leftChangeImg">
    <img :src="this.imgSrc" class="imgStyle">
    </v-touch>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^