vue+iview分页组件的封装
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";
importcomponentfrom"./src/main";
/*istanbulignorenext*/
component.install=function(Vue){
Vue.component(component.name,component);
};
exportdefaultcomponent;
4.src文件夹中的main.vue
5.在components中创建index.js，用于全局引入
importGlobalPagefrom"@/components/pagination/index.js";
exportdefault(Vue)=>{
Vue.component("GlobalPage",GlobalPage);
}
6然后在全局的main.js引入，可全局使用
importcomponentsfrom"@/components/index.js"; Vue.use(components)
7.组件的使用
关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语