vue2 在tabs标签页中 编辑时候 如果当时已经渲染了数据 没有关闭当前 点了其他的tabs页 再进进来 怎么依然展示上次点击的数据
时间: 2024-03-15 19:45:54 浏览: 214
Vue在页面数据渲染完成之后的调用方法
您可以使用Vue.js的keep-alive组件来缓存已经渲染的组件,以便在切换回该组件时可以保留其状态。具体来说,您可以在每个标签页的组件外层包裹一个keep-alive组件,并设置其include属性为当前标签页组件的名称,如下所示:
```
<template>
<div>
<keep-alive :include="activeTab">
<component :is="activeTab"></component>
</keep-alive>
</div>
</template>
```
其中,activeTab是当前激活的标签页名称,component标签中的is属性绑定到了activeTab变量,用于动态加载对应的组件。
这样,在您切换到其他标签页时,当前标签页的组件会被缓存起来,当您再次切换回该标签页时,Vue.js会从缓存中恢复该组件,并保留其状态,包括已经渲染的数据。
阅读全文