vuejs 獲取input的值

使用 refv-modelfunction(e)

<input type="text" value="調(diào)試 vuejs 2.0" ref="input1">
 <button   v-on:click="test1">測(cè)試</button>

<input type="text" v-model="input2">
<button  v-on:click="test2">測(cè)試</button>

// @input 輸入事件,實(shí)時(shí)監(jiān)聽
<input type="text" @input="test3" /> 

methods: {
    test1: function () {
        console.log( this.$refs.input1.value ); 
    },

    test2: function () {
        console.log( this.input2 );
    },

    test3(e){
      //e.target 指向了dom元素
      console.log( e.target.value ); 
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容