使用<keep-alive></keep-alive>
标签
具体用法:在layout文件夹下找到appmain,例如下代码
<template>
<section class="app-main" style="min-height: 100%">
<transition name="fade" mode="out-in">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
</transition>
</section>
</template>
如果有配置router。在meta加入如下代码,如下图
实际效果如下图
标签页切换也不会改变原有输入的值