vuejs+Mint UI 开发流加载列表加载

Mint UI

基于 Vue.js 的移动端组件库

官网： http://mint-ui.github.io/#!/zh-cn

安装 mint-ui

// 安装
# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S

vuejs/src/components 目录下，新建目录和文件 mintui/articlelist.vue 内容如下

新建路由， 编辑 vuejs/src/router/index.js  加入内容：

// 导入组件模板
import articlelist from '@/components/mintui/articlelist'

// 添加路由地址
{
   path: '/articlelist',
   component: articlelist
}

最后，访问地址，下拉到底部，即可看到效果

http://localhost:8081/#/articlelist

 

附：

如出现报错：Failed to resolve directive: infinite-scroll

这是因为 你使用了组件形式加载一个指令

修改为下面的加载形式即可