我是 Vuejs 的新手。每次用户单击主页路由器链接时,我都会尝试触发转换。我阅读了一些将 Prop 传递给路由组件的文档 enter link description here ,但仍然无法正常工作。我测试了过渡是否有效。但似乎加载的 bool 值没有正确传递到我的组件。
路由器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,
}
}
}
最佳答案
您在 props
和 data
对象中定义了 loaded
。删除 data
对象中的那个,就没问题了。
<script>
export default {
name: "Homepage",
props:['loaded'],
data(){
return {
}
}
}
</script>
关于javascript - 将 bool 值从 vue 路由器传递到其组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52769181/