Vuejs + Laravel + HTML

Question

你好堆栈溢出社区，我需要使用 Vue Axios/资源，我设法在我的视图中从我的数据库中加载了一个 HTML 选择框，在我选择任何记录后，我需要使用该记录中的另一个值并将其放入 HTML 输入中，例如：在我的 HTML 选择中，我单击我的"stpr_tx_descripcion"属性， 在那之后，我需要另一个属性，"stpr_in_ticket"，但我不知道如何动态地制作它。

这是我到目前为止得到的：

我使用 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_in_ticket"atribute 的值放入我的输入中使用 vue 的另一个细节：

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

谢谢。

Answer 1

您可以在选择中使用 v-model='ticket' 而不是描述，然后在选择选项的值中使用 {{ $data->stpr_in_ticket }}。这样，"票证"将始终具有您正在寻找的价值。然后在输入中只需输入：

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