Question

我目前有一条 Laravel 路由，该路由通向带有已传递ID的控制器的 index 函数，在此我在视图中返回该ID

public function index($id)
{
    return view('progress')
        ->with('identifier', $id);
}

在上述视图中加载的组件中，我正在尝试访问identifier作为我的Vue脚本中的道具

props: ['identifier'],
    methods: {
        getInformation() {
            this.$root.$emit('fetchEvent');
        },
    },
    mounted () {
        console.dir(this.identifier);
    }

但是，我的控制台显示undefined，我不知道如何获得通过的identifier作为道具。

我在做什么错了？

更新：

完整的模板代码

<template>
    <div>
        <div class="tab-content">                
                <item-component 
                    :web-identifier="identifier"
                ></item-component>
        </div>
    </div>

</template>


<script>
export default {
   props: ['identifier'],
    methods: {
        getInformation() {
            this.$root.$emit('fetchEvent');
        },
    },
    mounted () {
        console.dir(this.identifier);
    }
}
</script>

刀片：

<div>
<task-detail-component></task-detail-component>
</div>

Answer 1

在刀片模板中按以下方式传递该数据：

Cookie: userLocale=en; userTimezone=Europe/Berlin; JSESSIONID=DCFE1E7FB2C6BFFDD5153B7C79B9CEED; _ga=GA1.1.1774863087.1561033937

Answer 2

在模板中您需要传递identifier的地方，就像这样

<div>
<task-detail-component :identifier="{{$identifier}}"></task-detail-component>
</div>

Laravel控制器将值作为Vue道具传递

2 个答案: