前言:

在这次的项目中分页器是个被频繁使用到的工具,所以被封装为了一个组件在多个页面中复用,本篇就用来记录一下使用后的一些方法

一,组件的封装

在组件实例中的<el-pagination>标签中定义要使用到的方法与要传递的参数,

并在组件vue实例中的props属性中定义这些方法与值都为一个指定对象的参数传递给调用的父组件




二,在父组件中调用




1)在父组件中用import引入并调用该组件(具体方法同所有vue调用组件一样)


2)在父组件的分页器双标签中接收子组件传递过来的对象,

并在父组件的data实例中定义对应的值


3)在页面中的效果如下(其中修改“前往”这两个字为其他字的方法还没有找到,如果后期找到会再更新)



Logo

前往低代码交流专区

更多推荐