Vue Iview分页封装，如何改写为长尾？
- 内容介绍
- 文章标签
- 相关推荐
本文共计630个文字，预计阅读时间需要3分钟。
在Vue + iView中封装分页组件：
1. 在`components`目录下创建`Pagination`文件夹，包括以下文件： - `src`目录 - `index.js` - `index.less`
2. 在`index.js`中，编写组件代码：
javascript// Pagination.vue
3. 在`index.less`中，添加需要的样式：
less// Pagination.less.ivu-page-options { margin-left: 10px;}.ivu-page-options-sizer { margin-right: 0;}
完成以上步骤后，你的分页组件就封装完成了。
本文共计630个文字，预计阅读时间需要3分钟。
在Vue + iView中封装分页组件：
1. 在`components`目录下创建`Pagination`文件夹，包括以下文件： - `src`目录 - `index.js` - `index.less`
2. 在`index.js`中，编写组件代码：
javascript// Pagination.vue
3. 在`index.less`中，添加需要的样式：
less// Pagination.less.ivu-page-options { margin-left: 10px;}.ivu-page-options-sizer { margin-right: 0;}
完成以上步骤后，你的分页组件就封装完成了。