安装 npm installvue-seamless-scroll --save 创建 import Vue from
安置 npm install vue-seamless-scroll --save
创建
import scroll from ‘vue-seamless-scroll‘
Vue.config.devtools = process.env.NODE_ENV === ‘DEV‘
Vue.use(scroll);
<div> <span>人气店铺</span> <vue-seamless-scroll :data="renQiShop" :class-option="classOption"> <el-col :span="24" v-for="(item,index) in renQiShop" :key="index" v-if="item.shopTitle!=‘‘&&item.shopTitle!=undefined"> <nuxt-link :to="‘/shop/‘+ item.userId"> {{item.shopTitle}} </nuxt-link> </el-col> </vue-seamless-scroll> </div> computed: { classOption () { return { direction: 1, // 0 向下 step:0.5, // 滚动速度控制 limitMoveNum: 1 // 从几条数据开始滚动 } } }
vue-seamless-scroll 竖向滚动使用实例(nuxt.js)
标签:
原文地点:https://www.cnblogs.com/taochengyong/p/12155938.html
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32149.html