使用 router-view 和 Vue 传递道具

Pass prop using router-view and Vue

我有一个 Laravel Blade 页面使用 router-view 调用 Vue 页面。我在 Vue 页面上有一个 "test" 道具，但该页面没有收到道具。

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>

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

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

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

test="some message"