当前位置:首页 > Web开发 > 正文

安装 npm installvue-seamless-scroll --save 创建 import Vue from

2024-03-31 Web开发

安置  npm install vue-seamless-scroll --save

创建

技术图片

技术图片

import Vue from ‘vue‘
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