我是Vuejs的新手。我试图在用户点击主页路由链接时触发转换效果。我阅读了一些“将Props传递给路由组件”的文档输入链接说明,但仍然无法使其工作。我测试了转换效果是可以工作的。但似乎加载的布尔值没有正确地传递到我的组件中。
路由index.js
主页组件:
路由index.js
{
path: '/',
name: 'Home',
component: Homepage,
props: { loaded: true }
},
主页组件:
<template>
<transition name='fade'>
<div class="rgba-blue-grey-strong container" v-show="loaded">
<p>Text with transition Every time user access Homepage component</p>
</div>
</transition>
</template>
<script>
export default {
name: "Homepage",
props:['loaded'],
data(){
return{
loaded: false,
}
}
}