laravel - 使用 router-view 和 Vue 传递 prop

Question

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

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

Blade页面上的代码是：

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

标签： laravelvue.jsvuejs2vue-router

Answer 1

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

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

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

test="some message"