总结一下用 iview 组件期间遇到的小问题。一边做项目一边做笔记。
官方文档:iview API
按需引入:
1,iview 分页组件
<Page :total="aboutPage.dynamic * 10" :page-size="10" show-elevator @on-change="fanye" class="page"/>
这里要注意的是total 指的是总条数而不是总页数,page-size 是每页的条数,因为后端传输数据一般不会一次把所有数据全传过来,大多已经分好页并把总页数一起传过来,所以total那里要用后端传来的总页数再乘上每页的条数才是总条数。
2,阻止modal组件按确定也会关闭
作者给出的解决方法:https://github.com/iview/iview/issues/597#issuecomment-292422473
另外还可以自己slot一个modal的footer,里面自定义自己的按钮
3.修改IVIEW组件的默认样式
新建一个不会影响到全局css作用域上的class名,将其放在第二个style标签内(注意,这个不带scoped)