2017-05-10 7 views
0

Vue Axios/Resourceを使用する必要があります。レコードを選択した後、別の値を使用する必要があるため、ビューからデータベースからHTML選択ボックスをロードするように管理しました。レコードをHTML入力に挿入します。たとえば、自分のhtmlを選択するには、「stpr_tx_descripcion」属性をクリックします。その後、別の属性、「stpr_in_ticket」が必要ですが、動的にする方法はわかりません。Vuejs + Laravel + HTML

これは私がこれまでに得たものである:

イムは、このように私のビューにクエリオブジェクトを返すようにLaravelを使用して:レコードをロードするHTMLを選択を使用して私の見解イムで

$query= spr_tipo_per_rep::all('stpr_tx_descripcion','stpr_in_ticket'); 
    ->with('query',$query); 

:その下

<select v-model="descripcion" > 
    <option value="">Select value</option> 
    @foreach($query as $data)    
     <option value="{{ $data->stpr_tx_descripcion }}">{{ $data->stpr_tx_descripcion }}</option> 
    @endforeach 
</select> 

私はVUEを使用して、私の入力に別の詳細である「stpr_in_ticket」atributeから値を配置する必要があります。

<input type="text" v-model="???" readonly="readonly"> 

ありがとうございます。

答えて

0

descripcionの代わりにselectでv-model = 'ticket'を使用して、selectオプションの値に{{$ data-> stpr_in_ticket}}を使用できます。そうすれば、「チケット」はあなたが探している価値を常に持っています。 は、次に入力でちょうど置く:私はそのレコードを選択した後、私は「stpr_tx_descripcion」とも「stpr_in_ticket」から値から値を必要とするので、いいえ、入力に反映させる

<input type="text" :value="ticket" readonly="readonly"> 
+0

。だから私は同じレコードから2つの値にVueと非同期クエリのいくつかの種類を作る必要があります、それは別のフィールドに反映されているような選択と別の値の人の名前を選択すると、同じレコード異なる属性です。 – Daniel

関連する問題