2016-12-05 150 views
0

我正在用Laravel(Spark)和Vue構建一個應用程序。在Vue組件中使用控制器數據

用戶可以在左側創建一個條目:表單,在右側預覽,使用v-model將預覽綁定到輸入。該工程

現在,當用戶編輯現有條目,我得到有問題的條目,並把它傳遞給視圖,像這樣:

return view('app/form/edit', array('form' => $form));

這是我的組件:

Vue.component('create-form', { 
     props: ['user'], 

    data: function() { 
     return { 
      title: "", 
      description: "" 
     }; 
    }, 

}); 

現在,我的問題:我如何訪問我的Vue組件中的$form變量?

我看到的與此相關的大多數問題是迭代循環或使用Ajax(我已經擁有頁面上的數據,因此我不認爲這是去這裏的方式)拉數據。

如何進行的任何意見,將不勝感激:) 感謝 月

回答

0

在這裏我對這樣的情況下做的事:

如果它是一個型號:

<my-component :prop="{{ $some_model->toJson() }}"></my-component> 

如果它是一個簡單的數組:

<my-component :prop="{{ json_encode($some_array) }}"></my-component> 
+0

然後在我的輸入,我會' :道具= 「標題」'? –

+0

@Jannemans看看[指南](https://vuejs.org/v2/guide/components.html#Passing-Data-with-Props) –

+0

是的,明白了!下一個問題,雖然:) –