uni-app中textarea組件

textarea組件,官方給出的監聽事件有如下事件:dom

其中必定要注意,當使用 v-model 對錶單內容進行雙向綁定的時候,@input 事件是在綁定變量變化前觸發的,因此若是在input事件內打印綁定變量,會得不到值,由於input執行的時候,v-model綁定的變量還沒變化,以下所示:函數

 能夠看到,第一次打印的v-model綁定的變量是空的,而第二次打印出來的值倒是第一次輸入賦給的值,說明第二次輸入尚未形成v-model綁定變量發生變化。spa

 除此以外,注意看@input事件的傳值:雙向綁定

一般狀況下,@input=「input」的寫法裏,是沒有傳值的,這個時候,在methods裏,input(e){}函數中打印出來的 e.detail.value 就是輸入框中實時的內容。blog

可是,假如寫方法的時候給 input 一個傳值,例如:@input="input(index)"  此時,在methods裏,input(index){}函數中打印出來的就是 index 的值。索引

綜上,@input方法在沒有傳值的時候是默承認以取到輸入框中實時的內容數據,可是若是主觀的添加傳值,則取到的就是所傳的參數值。這樣的狀況能夠在循環中用來傳索引值。事件

tips:那若是在傳值的時候又想要索引值又想要實時的輸入框內容數據怎麼辦呢?ip

這個時候能夠經過操做dom的方式加上去,寫法以下:input

@input="input($event , index)",  在methods裏爲 input($event , index){},可是須要注意的是,這樣的寫法,只能在進行輸入操做的時候獲取到輸入框的實時數據,若是是對輸入框內容的刪減操做,取出來的數據就是null。event

相關文章
相關標籤/搜索