使用 router-view 和 Vue 传递 prop

Question

我有一个使用路由器视图调用 Vue 页面的 Laravel Blade 页面。我在 Vue 页面上有一个“测试”道具，但该页面没有收到该道具。

const routes = [
    {path: '/:test', component: MainPageIndex, name: 'mainPageIndex', props: true}
];

刀片页面上的代码是：

<router-view name="mainPageIndex" :test="Test message"> </router-view>
<router-view :test="Test message"> </router-view>

Answer 1

有两种类型的属性：静态和动态。

• static: test="some message"（用于静态值）
• 动态：v-bind:test="variable"（用于计算值或对象等）

在你的情况下，你应该使用静态的

test="some message"