vue移动端滑动切换页面_VUE 路由组件左右滑动切换（移动端）

• 篮球
• 排球
• 足球

@touchstart="start($event)"

@touchmove="move($event)"

@touchend="end($event)"

>

import Introduce from "./introduce.vue"

import Agenda from "./agenda.vue"

import Member from "./Member.vue"

export default{

data(){

return {

tabNum: 1, // tab 切换的页面宽度 ( 通过接口的数据计算 )

index: 0, // 选中了第几个选项卡

boxNum: 1, // 容器宽度

marginLeft: 0, // 偏移量

isMove: true, // 是否在滑动

startX: 0, startY: 0, moveX: 0, movrY: 0, endX: 0, endY: 0,

m_sX: 0, m_sY: 0, e_sX: 0, e_xY: 0, sML: 0

<