分页列表

<!-- 分页器组件
          pagination
             v-model:current-page:设置分页器当前页码
             v-model:page-size:设置每一个展示数据条数
             page-sizes:用于设置下拉菜单数据
             background:设置分页器按钮的背景颜色
             layout:可以设置分页器六个子组件布局调整
sizeChange：当页面改变时执行此函数
      -->
<el-pagination
  @size-change="sizeChange"
  @current-change="getHasTrademark"
  :pager-count="9"
  v-model:current-page="pageNo"
  v-model:page-size="limit"
  :page-sizes="[3, 5, 7, 9]"
  :background="true"
  layout="prev, pager, next, jumper,->,sizes,total"
  :total="total"
/>

当每页展示的limit改变时执行下面函数，由于getHasTrademark存在默认参数，参数默认值为1，也就是说，当limit改变时，默认请求第一页的参数

当page改变时current-page传递给pageNo，执行函数getHasTrademark

//分页器当前页码发生变化的时候会触发
//对于当前页码发生变化自定义事件,组件pagination父组件回传了数据(当前的页码)
// const changePageNo = ()=>{
//     //当前页码发生变化的时候再次发请求获取对应已有品牌数据展示
//     getHasTrademark();
// }

//当下拉菜单发生变化的时候触发次方法
//这个自定义事件,分页器组件会将下拉菜单选中数据返回
const sizeChange = () => {
  //当前每一页的数据量发生变化的时候，当前页码归1
  getHasTrademark()
}