vue基于better-scroll实现左右联动滑动页面

本文实例为大家分享了vue基于better-scroll实现左右联动滑动页面，供大家参考，具体内容如下

界面如下：

vue模板

//也可以不用计算属性，直接在data中定义currentIndex，改动时赋新值，那页面自然跟着更新

state.js

goods: [], // 商品列表

action.js

//异步获取商品列表
 async getShopGoods ({commit}, callback) {
  const result = await reqShopGoods();
  const goods = result.data;
  commit(RECEIVE_GOODS, {goods});
  callback && callback();
 }

mutation.js

[RECEIVE_GOODS](state, {goods}) {
 state.goods = goods
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。