如何将值传递给laravel blade

Question

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

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

这是我的vue实例：

const app = new Vue({
el: '#app',
data: {
    product: {
        'customer': null,
        'title': null,
    }
},

此代码将引导vue中的客户和输入字段中的customer为null。

Answer 1

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

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

Answer 2

使用道具，当您将其传递给组件时不要忘记json_encode($customer)。