vue项目 使用elementui中的el-pagination封装公用分页组件

组件页面:pageNation.vue






使用分页组件


import pageNation from '@/components/common/pageNation'     // 引入
export default{
  data () {
	    return {
	   	  page_index: 1, // 页数
	      page_total: 1, // 总页数
	      page_size: 10,
	    }
  },
   components: {
    pageNation
  },
  methods: {
	 pageChange (item) {
	      console.log(item)
	      this.page_index = item.page_index;
	      this.page_size = item.page_limit;
	      this.initData() //改变页码,重新渲染页面
    },
}
 }

你可能感兴趣的:(vue)