Javascript Vue道具未定义（解析来自laravel刀片的道具）

我正在解析从LaravelBlade到vue组件的道具，通常我可以让它工作，但这次根本不工作

web.php

Route:：get（'/catalog/{product\u category\u name}'，函数（$product\u category\u name）{
返回视图（“商店”，紧凑型（“产品类别名称”）；
});

shop.blade.php

@extends（'layouts.base'））
@节（“内容”）
@端部

组件.vue

<script>
    export default {
        props: ["productCategoryName"],
        data(){
            return{
                Dewasa: '',
                product: {
                    id: '',
                    brand_id: '',
                    name: '',
                    description: '',
                    slug_name: '',
                },
                uri:'/resource/catalog/' + this.productCategoryName,
                products: [],
                products_key_using_id: [],
                error: {},
            }
        },
    }
</script>

导出默认值{
道具：[“productCategoryName”]，
数据（）{
返回{
德瓦萨：“，
产品：{
id:“”，
品牌id:“”，
名称：“”，
说明：“”，
slug_名称：“”，
},
uri:'/resource/catalog/'+this.productCategoryName，
产品：[]，
使用_id:[]的产品_密钥，
错误：{}，
}
},
}

---

当我访问

/catalog/Something

时，控制台中将出现类似

[Vue warn]：属性或方法“Something”的警告，该属性或方法未在实例上定义，而是在渲染期间引用。通过初始化属性

，确保此属性在数据选项中或对于基于类的组件是被动的。但是这里的道具“product category name”不是“某物”，“某物”是值，我不知道为什么它会抛出这样的错误，当我尝试访问这个时。productCategoryName总是未定义。

the

：

将查找变量的值。在你的例子中，“某物”就是价值

或者移除：

<catalog-component product-category-name="{{ $product_category_name }}"></catalog-component>

或将“”添加到刀片{{}

<catalog-component :product-category-name="'{{ $product_category_name }}'"></catalog-component>

---

该

：

将查找变量的值。在你的例子中，“某物”就是价值

或者移除：

<catalog-component product-category-name="{{ $product_category_name }}"></catalog-component>

或将“”添加到刀片{{}

<catalog-component :product-category-name="'{{ $product_category_name }}'"></catalog-component>

谢谢，它正在运行，我已经花了几个小时调试这个哈哈。谢谢，它正在运行，我已经花了几个小时调试这个哈哈。