如何将值从 Laravel 刀片传递给 vue 组件？

Posted 2023-02-16

【中文标题】如何将值从 Laravel 刀片传递给 vue 组件？

【英文标题】：How to pass a value from Laravel blade to a vue component?

【发布时间】：2021-10-22 17:20:51

【问题描述】：

我正在从事 laravel / vue 项目，我想将一个值从 laravel Blade 传递给 vue 组件，但我收到此错误：

缺少必需的道具：“id”在

vue 组件：

export default 
    props:
        id:
            required : true
        
    ,
    mounted() 
        console.log(this.id)
    ,

Laravel 刀片：

<div id="add_product">
   <add-product :id="$product_id"></add-product>
</div>

【问题讨论】：

确保 $product_id 不为空

我确实回应了它，它不是空的。

【参考方案1】：

https://router.vuejs.org/guide/essentials/passing-props.html

你应该将 props true 添加到路由器

     path: '/user/:id', component: User, props: true ,

【讨论】：

我没有使用 vue 路由。