如何从 laravel Blade 向 vue 数据传递值答案

【问题标题】：How to pass values to vue data from laravel blade如何从 laravel Blade 向 vue 数据传递值
【发布时间】：2017-03-26 07:28:21
【问题描述】：

我有一个创建产品，我想使用刀片填充 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 中的客户和输入字段中的客户为空。

【问题讨论】：

【解决方案1】：

你的数据必须返回一个对象试试这个语法：

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

【讨论】：

【解决方案2】：

为此使用道具，并且在将其传递给组件时不要忘记json_encode($customer)。

【讨论】：

我没有使用组件。如果我使用组件，使用道具我可以将变量从父级发送到子级，从实例到组件，但我需要反向。我知道我可以在 javascript 中使用定义 var 并使用它。但如果存在，我更喜欢其他方式。