取得文字方塊的值，基於其id的VUEjs方法

Question

我有兩個文字方塊，兩個文字方塊都有值。

但我想根據我要輸入的 id 號 取得一個文字方塊的 值。

如果我輸入 1 它應該顯示文字方塊 1. 的值

這是我嘗試過的，現在它顯示了兩個文字方塊中的資料。

模板：

<input  v-model="textdata1" id="1" type="text" placeholder="i am id1, show my value">

<input v-model="textdata2" id="2" type="text" placeholder="i am id2, show my value">

<input v-model="searchid"  type="text" placeholder="which ids data you want, 1 or 2 ">

<button  @click="getvalue">RECEIVE</button>

<div>show value of id 1or2 here: {{id1data}}</div>

VUEJS：

#

Answer 1

這是一種方法。 您可以為每個輸入建立一對資料值。

sssccc

為了簡潔和組織，您也可以使用 reactive()目的。

Answer 2

如果您堅持使用 ID，可以使用以下方法：

sssccc