同一个文件,放在不同路由不会重新渲染加载,v-if也不行,重新渲染的目的1.为了切换动画有效。2.数据可以根据我传的数据而显示不同,样式一样。
<transition name="fade" mode="out-in">
<router-view>
</router-view>
</transition>
import index from '@/pages/index.vue';
children: [
{
path: 'path1',
component: index
},
{
path: 'path2',
component: index
},
]
<transition name="fade" mode="out-in">
<router-view :key="当前时间戳即可">
</router-view>
</transition>