「VUE架构」VUE2.0 better-scroll封装滚动组件

36 篇文章 7 订阅 ¥19.90 ¥99.00
本文详细介绍了如何在VUE2.0项目中引入并封装better-scroll组件,包括设置合适的版本、创建scroll.vue组件以及在recommend.vue中使用封装后的组件,实现了滚动效果。同时提供了DOM结构、JavaScript代码和CSS样式的示例,提示读者可根据better-scroll的API进行功能扩展。
摘要由CSDN通过智能技术生成

本文主要介绍better-scroll组件的引入,以及封装组件的使用。还用到了父子组件的特性。

better-scroll文档
1.引入better-scroll
打开packgae.json>dependencies
建议better-scroll使用^0.1.15版本,不然轮播可能出一些小问题。

"dependencies": {
    "better-scroll": "^0.1.15",
  }

这里写图片描述
重启服务

npm install
npm run dev

2.新建scroll.vue在scr目录下的base的scroll目录中
这里写图片描述
scroll.vue的DOM

<template>
    <div re
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值