Question

我有一个Laravel Blade页面，使用router-view调用Vue页面。我在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

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

static：test =＆＃34; some message＆＃34; （对于静态值）
dynamic：v-bind：test =＆＃34;变量＆＃34; （对于计算值或对象等）

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

image: quay.io/mhart/alpine-node:8

before_script:
  - apk add --no-cache gnupg
  - echo "$GPG_PRIVATE_KEY" | gpg --batch --import --pinentry-mode loopback --no-tty

使用router-view和Vue传递道具

1 个答案: