Question

Hello Stackoverflow社区，我需要使用Vue Axios / Resource，我设法在我的视图中从我的数据库中加载一个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>

下面我需要使用vue将“stpr_in_ticket”属性的值放入我的输入中，这是另一个细节：

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

感谢。

Answer 1

您可以使用v-model =＆＃39; ticket＆＃39;在select而不是describepcion中，然后在select选项的值中使用{{$ data-＆gt; stpr_in_ticket}}。那种方式＆＃39;票＆＃39;永远都有你想要的价值。然后在输入中放入：

metadata-complete=true

Vuejs + Laravel + HTML

1 个答案: