html
<router-view v-slot="{ Component }">
<transition :name="setTransitionName" mode="out-in">
<keep-alive :include="keepAliveNameList">
<component :is="Component" :key="refreshRouterViewKey" class="w100" :style="{ minHeight }" />
</keep-alive>
</transition>
</router-view>
1.ts setup 写法
1.安装插件
npm install unplugin-vue-define-options -D
2.vite.config.ts配置
import DefineOptions from 'unplugin-vue-define-options/vite';
export default defineConfig({ plugins: [vue(), DefineOptions()],});
3.页面写法
defineOptions({
name: 'brandCenterBrandCollegeNews'
});
2.ts写法
export default { name: "TButton",};
备注：
1.name名称必须与路由name一致且唯一
2.页面缓存好像只支持二级，二级以上的数组要转成一维数组
