vue中怎么清空tab选项卡的缓存_vuejs 内置组件component完成tab切换懒加载和表单输入框内容的清空...

近来项目中运用了vue2.0 官网脚手架举行了开辟。开辟中的踩一些坑一向没有来得及整顿。本篇文章就vuejs内置组件component的一些运用举行一些总结。

1.运用component 完成tab切换中的完成对应的文件的懒加载

在父组件中许多个tab按钮,

每一个tab对应的内容都是不一样的，没有办法做成同一个模板来完成内容的显现。但不能一上来就将一切的内容都加载上来，由于许多时刻，客户是不可能检察一切的内容的。

一开始，我们运用了 路由：

运用了路由完成了懒加载，随后发明，如果在tab点击屡次的话，就会发生一个题目就是，点击回退按钮的时刻，tab显现会蹦来蹦去的，晓得一切的历史记录倒退完了，怎样处理既能完成懒加载又不涌现tab蹦来蹦去的征象。运用vuejs 内置组件component完成了这个功用。

运用element-ui中的tab标签和component连系完成了这个功用：

// 异步引入组件

const lszpzCont = resolve => require(['../applyManage/liushuipingzheng/applyManage.vue'], resolve)

const lszhzCont = resolve => require(['../tableManage/huizong/search.vue'], resolve)

const zjmxCont = resolve => require(['../tableManage/capitalList/mingxi.vue'], resolve)