這篇文章主要介紹如何使用vue與jquery實(shí)時(shí)監(jiān)聽用戶輸入狀態(tài)，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管，支持按月付款！我們的承諾：貴族品質(zhì)、平民價(jià)格，機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房，中國(guó)電信成都樞紐中心服務(wù)有保障！

實(shí)現(xiàn)效果：input未輸入值，按鈕禁用

jquery操作代碼：

html

 登錄

css

 .disabled {
  pointer-events: none;//禁用點(diǎn)擊事件
  cursor: default;//鼠標(biāo)禁用
  opacity: 0.4;
  }

js

//監(jiān)聽input里的值
$('#userName').on('input propertychange',function(){
   if(this.value.length != 0){
      $('#login').removeClass('disabled');
   }else{
      $('#login').addClass('disabled');
   }
 });

Vue操作代碼：

html

js

export default{
  data(){
     return{
       forbidden:false,
       userName:null
     }
  },
  methods:{
     if(this.userName == null){
       this.forbidden = true;
     }else{
       this.forbidden = false
     }
  }
}

以上是“如何使用vue與jquery實(shí)時(shí)監(jiān)聽用戶輸入狀態(tài)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！