vue下elementui分页插件不能使用及样式丢失问题

elementui使用条件就是在vue项目中下载依赖。

注意要在main.js中

import ElementUI from 'element-ui'

Vue.use(ElementUI)。

不做这两件事的后果就是vue不识别elementui的插件。

这时

分页插件已经可以使用。

样式问题是未在main.js中导入

import 'element-ui/lib/theme-chalk/index.css'

  <el-pagination background hide-on-single-page layout="prev, pager, next" :current-page="pager.pageNo"
                 :page-size="pager.pageSize" :total="pager.rowCount" :page-count.sync="pager.pageCount"
                 @current-change="currentChange">
  </el-pagination>





 pager: {
          //分页对象
          pageNo: 1, //当前页码
          pageSize: 5, //分页大小
          rowCount: 0, //总记录数
          pageCount: 0, //总页数
          list: [], //会员信息列表
        },




 currentChange: function (pageNo) {
        this.find(pageNo, 5);
      }