如何将值从laravel blade传递到vue数据

我有一个创建产品，我想使用blade填充客户id隐藏输入，但用户可以在表单页面上更改它。如何将预选客户id传递给vue产品数据模型？这是我的密码：

@section('content')
    <input type="hidden" name="customer_id" value="{{ $customer->id }}" v-model="product.customer" />
@endsection

---

此代码将导致vue中的customer和输入字段中的customer都为null。

您的数据必须返回一个对象请尝试以下语法：

data() {
    return {
      product: {
        customer: null,
        title: null,
      }
    }
}

---

为此使用道具，当您将其传递给组件时，不要忘记

json\u encode（$customer）

。

app实例是我的主实例，我不使用模板。我相信情况并非如此。mm，如果您的客户是对象，请尝试将其初始化为en empty object

cusromer:{}

另一件事，您需要在内容周围有一个带有

id=“app”

的div否，div不是解决方案。还有一个html我没有在示例代码中编写。除非将客户id从刀片服务器提取到vue，否则一切正常。请尝试

@{{{$customer->id}

以防止laravel和vuejsI之间发生冲突。vuejsI未使用组件。如果我使用组件，通过道具，我可以将变量从父对象发送到子对象，从实例发送到组件，但我需要反向。我知道我可以在javascript中定义var并使用它。但如果有的话，我更喜欢另一种方式。你有解决问题的办法吗？

data() {
    return {
      product: {
        customer: null,
        title: null,
      }
    }
}