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