最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue.js項目el-input組件監(jiān)聽回車鍵實現(xiàn)搜索功能示例

基于element-ui 組件 開發(fā)的vue.js項目, 實現(xiàn)回車鍵發(fā)起搜索,和原生的input 標(biāo)簽使用方法不一樣:

專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)北關(guān)免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了上千企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

el-input 監(jiān)聽鍵盤按下狀態(tài) 得用@keyup.enter.native,如果是非el-input 組件,可以直接用@keyup.enter

 



在methods方法集里,寫上監(jiān)聽的方法,當(dāng)獲取的keyCode 為13時,表示按下了回車鍵,如果需要監(jiān)聽空格或者其他鍵,換成別的鍵值

searchEnterFun:function(e){
   var keyCode = window.event? e.keyCode:e.which;
  // console.log('回車搜索',keyCode,e);
   if(keyCode == 13 && this.input){
   this.$router.push({path:'/Share?keywords='+this.input});
   }

  }

which 和 keyCode 屬性提供了解決瀏覽器的兼容性的方法。

keyCode屬性返回onkeypress事件觸發(fā)的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼

注意:

在 Firefox 中,keyCode 屬性在 onkeypress 事件中是無效的 (返回 0)。瀏覽器兼容問題,可以一起使用 which 和 keyCode 屬性來解決:

var keyCode = window.event ? e.keyCode:e.which;

which 屬性返回onkeypress事件觸發(fā)的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼

瀏覽器支持:谷歌、火狐、ie9、safari、歐朋

以上這篇vue.js項目 el-input 組件 監(jiān)聽回車鍵實現(xiàn)搜索功能示例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。


網(wǎng)頁名稱:vue.js項目el-input組件監(jiān)聽回車鍵實現(xiàn)搜索功能示例
網(wǎng)站網(wǎng)址:http://fisionsoft.com.cn/article/gispei.html