Передайте проп, используя router-view и Vue

Question

У меня есть страница Laravel Blade, которая вызывает страницу Vue с использованием router-view.У меня есть «тестовая» реквизит на странице 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>

Answer 1

Существует 2 типа свойств: статические и динамические.

• статические: test = "некоторое сообщение" (для статических значений)
• динамические: v-bind: test =«переменная» (для вычисляемых значений или объектов и т. д.)

В вашем случае вы должны использовать статическую

test="some message"