这篇文章主要为大家详细介绍了vue+iview分页组件的封本文来源gao.dai.ma.com搞@代*码#网装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue+iview的分页组件封装
1.在components中创建pagination文件夹，接着创建src，index.js,index.less文件
2.index.less文件
//需要修改的样式 .ivu-page-options { margin-left: 10px; .ivu-page-options-sizer { margin-right: 0; } }
3.index.js文件
import "./index.less"; import component from "./src/main"; /* istanbul ignore next */ component.install = function (Vue) { Vue.component(component.name, component); }; export default component;
4.src文件夹中的main.vue
<!-- 分页组件 -->
5.在components中创建index.js，用于全局引入
import GlobalPage from "@/components/pagination/index.js"; export default (Vue) => { Vue.component("GlobalPage ", GlobalPage ); }
6然后在全局的main.js引入，可全局使用
import components from "@/components/index.js"; Vue.use(components)
7.组件的使用
<div> </div>
关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。
以上就是vue+iview分页组件的封装的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue+iview分页组件的封装
转载请注明原文链接：vue+iview分页组件的封装
