Laravel 5 Vuejs+Laravel+HTML

Laravel 5 Vuejs+Laravel+HTML,laravel-5,vuejs2,axios,Laravel 5,Vuejs2,Axios,您好Stackoverflow社区,我需要使用Vue Axios/Resource,我设法在我的视图中从我的数据库加载一个HTML选择框,在我选择任何记录后,我需要使用该记录中的另一个值并将其放入HTML输入,例如:在我的HTML选择中,我单击我的stpr_tx_描述属性,在那之后,我需要另一个房型,stpr_in_票,但我不知道如何动态制作 到目前为止,我得到的是: 我使用Laravel将查询对象返回到我的视图,如下所示: $query= spr_tipo_per_rep::all('stpr

您好Stackoverflow社区,我需要使用Vue Axios/Resource,我设法在我的视图中从我的数据库加载一个HTML选择框,在我选择任何记录后,我需要使用该记录中的另一个值并将其放入HTML输入,例如:在我的HTML选择中,我单击我的stpr_tx_描述属性,在那之后,我需要另一个房型,stpr_in_票,但我不知道如何动态制作

到目前为止,我得到的是:

我使用Laravel将查询对象返回到我的视图,如下所示:

$query= spr_tipo_per_rep::all('stpr_tx_descripcion','stpr_in_ticket');
    ->with('query',$query);
在我的视图中,我使用Html选择加载记录:

<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>
下面,我需要将stpr_中的值输入到我使用vue输入的另一个细节中:

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

谢谢。

您可以在选择中使用v-model='ticket'而不是description,然后在选择选项的值中使用{{{$data->stpr_in_ticket}。这样,“票”就永远具有你想要的价值。 然后在输入中输入:

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

否,因为我需要stpr_tx_description中的值,以及在我选择要反映到输入中的记录后,stpr_in_ticket中的值。因此,我需要使用Vue对同一记录中的两个值进行某种异步查询,就像在select上选择人名,然后在另一个字段中选择另一个值,就像它的性别一样,它反映在另一个字段中,它是同一记录的一部分,但属性不同。