當滾動列表的時候,讓input框失去焦點(移動端會收合鍵盤)

來源:互聯網
上載者:User

標籤:put   拓展   style   color   span   efs   sea   als   NPU   

1.拓展scroll.vue事件

 1    beforeScroll:{ 2          type:Boolean, 3          default:false 4         } 5  6  7   if(this.beforeScroll){//滾動列表的時候收合鍵盤(移動端) 8             this.scroll.on(‘beforeScrollStart‘,()=>{ 9               this.$emit(‘beforeScroll‘)10             })11           }

2.在suggest.vue裡聲明beforeScrll:true,並$emit(beforeScroll)事件

1  beforeScroll(){2           this.$emit(‘beforeScroll‘)3         },

3.在搜尋input框中寫失去焦時間點事件:

1   blur(){2             this.$refs.query.blur()3           },

4.在search.vue父組件中調用子組件的blur方法;

1 blurInput(){2             this.$refs.searchBox.blur()3         },

 

當滾動列表的時候,讓input框失去焦點(移動端會收合鍵盤)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.