- :page-sizes="[5, 10, 15, 20]" 这个是用来选择分页的条数的 -->
- :page-sizes="[5, 10, 15, 20]" 默认一页显示5条数据 可以写成变量-->
- :total="400" 总数400条-->
- :currentPage pagesize total 全局变量-->
keep-alive
- keep-alive 包裹组件 在切换过程中让其储存在本地缓存中 不会重复调用浪费性能
- 如果想让每个页面都缓存 直接
<keep-alive>
<!-- 需要缓存的视图组件 -->
<router-view></router-view>
</keep-alive>
复制代码
- 如果有的不需要缓存就需要判断 只要包裹一个可以
- 如果想让某一个单独的不需要缓存 使用三元表达式
- 使用keep-active 会触发两个狗子函数
// 当组件被激活的时候 为组件的菜单被点击的时候 触发
activated(){
console.log("我被激活")
},
// 当离开组件的时候触发
deactivated(){
console.log("激活然后离开")
},
作者:用户8712537862007
链接:juejin.cn/post/708390…
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。