在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue 如何在不使用data的情況下, 傳遞input的值到方法里面？

vue 如何在不使用data的情況下, 傳遞input的值到方法里面？

在用vue的時(shí)候，假如我有一個(gè)input要輸入，輸入完后，通過(guò)button來(lái)獲取輸入值，并做后續(xù)操作，一般我們會(huì)用v-module來(lái)綁定input到data。
但是如果我的input是循環(huán)出來(lái)的，輸入一個(gè)導(dǎo)致其它都會(huì)聯(lián)動(dòng)，而且我只是想通過(guò)快捷的方法在button上拿到input的值，有沒(méi)有什么好的方法呢，只需要在html上寫，把input輸入的值直接作為參數(shù)傳遞給getInput（）？

<input type="text" name="name" v-module='name'>
<button @click="getInput()">點(diǎn)擊</button>

<input type="text" name="name" v-module='name'>
<button @click="getInput()">點(diǎn)擊</button>

<input type="text" name="name" v-module='name'>
<button @click="getInput()">點(diǎn)擊</button>
回答
編輯回答
愚念

可以用標(biāo)準(zhǔn)dom的屬性去查詢value，比如

<input ref="myInput" />

然后，js里這樣：

console.log(this.$refs.myInput.value)

不過(guò)，我認(rèn)為更方便的是在v-model上綁定一個(gè)對(duì)象的屬性，這樣就容易區(qū)分多個(gè)input了，這樣：

<input name="name" v-model="inputs['name']" />
<input name="addr" v-model="inputs['addr']" />
2017年9月5日 01:53