一、个人感觉官方文档不是很详细,很多该给新人说明的问题都没有说明,导致走了很多弯路
先上我写的代码
1、
<el-pagination
layout="prev, pager, next"
:total="totalPage*10"
:current-page="currentPage"
:page-sizes="[5,10,15,20]"
@current-change="editPage"
>
</el-pagination>
第二个是数据区
currentPage: 2,
totalPage: 10,
editPage方法
editPage(val){
this.currentPage=val,
this.getByName()
}
2、说说新手容易出现的问题是什么,current-page属性直接绑定变量currentPage,大部分人应该会觉得当web界面点击数字的时候,currentPage的值也会随着更改,但是其实不会,但是点击数字的时候会触发 @current-change=“editPage”,也就是说需要更改变量currentPage的值,需要通过editPage方法更改
3、editPage方法的问题,调用是@current-change=“editPage”,调用是没有传参的,但是方法是可以接收参数的,而接收的val就是你分页组件点击的值。
4、其实很正常":"表示v-bind,数据只能从data流向页面,但是当初思考,是否会使用v-model双向绑定