ID를 기반으로 VUEjs 메서드인 텍스트 상자의 값을 가져옵니다.

Question

I have 两个文本框, 두 텍스트 상자 모두 값이 있습니다.

하지만 ID 번호를 기준으로 텍스트 상자의 값을 얻고 싶습니다. 입력하고 싶습니다.

1 它应该显示文本框 1.1을 입력하면 텍스트 상자 1의 값이 표시됩니다.

이것이 제가 시도한 것이며 이제 두 텍스트 상자 모두에 데이터가 표시됩니다.

템플릿:

으아악 VUEJS:

<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>

🎜

Answer 1

이것은 일방통행입니다. 각 입력에 대해 데이터 값 쌍을 생성할 수 있습니다.

으아악

단순성과 정리를 위해 reactive()Purpose를 사용할 수도 있습니다.

Answer 2

꼭 아이디를 사용하시려면 다음 방법을 이용해주세요.

으아악