iview 小问题笔记

总结一下用 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)

参考:https://segmentfault.com/q/1010000015301692

原文地址:https://www.cnblogs.com/haqiao/p/9615151.html