vue中使用vant插件做tabs切换和无限加载功能

样例:
vue中使用vant插件做tabs切换和无限加载功能_第1张图片

1.创建vue项目,不再详述

2.引入vant
之前用过很多插件做这个功能,但是效果都不尽人意,出现各种问题,直到遇到vant这个插件,完美的解决了这些小问题,如有问题,欢迎联系我
安装依赖

npm i vant -S

在main.js中引入

import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);

3.在页面中使用
官方写的比我写的好多了,大家可以借鉴,看源代码可能比官方给的文档更直观

官方文档
组件源代码

我在文件中的使用,没有使用下拉刷新的功能,大家可以直接看官网代码:







你可能感兴趣的:(移动端)