vant-ui框架的一个框架的一个bug(解决切换后解决切换后onload不触发不触发)
前几天做的项目里有用到下拉刷新。使用了vant-ui里的
List 列表列表
瀑布流滚动加载，用于控制长列表的展示
先说使用先说使用
1.用npm下载该模块包
npm i vant -S
2.引入组件
官方提供了三种方法。（我使用了第三种，全局引入方法）
方式一方式一. 使用使用 babel-plugin-import (推荐推荐)
babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式
# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D
// .babelrc 中配置
// 注意：webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}] ] }
// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant'] ] };
接着你可以在代码中直接引入 Vant 组件，插件会自动将代码转化为方式二中的按需引入形式
import { Button, Cell } from ‘vant’;
如果你在使用 TypeScript，可以使用 ts-import-plugin 实现按需引入
方式二方式二. 按需引入组件按需引入组件
在不使用插件的情况下，可以手动引入需要的组件
import Button from ‘vant/lib/button’;
import ‘vant/lib/button/style’;
方式三方式三. 导入所有组件（在导入所有组件（在main.js中引入）中引入）
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);
注意：配置 babel-plugin-import 插件后将不允许导入所有组件
引入成功后使用引入成功后使用
<van-list
v-model="loading"
:finished="finished"
资源评论
