您的位置:首頁技術文章
文章詳情頁

html5 - 一個用vue組件實現功能的問題

瀏覽:131日期:2022-11-17 15:11:17

問題描述

html5 - 一個用vue組件實現功能的問題

html5 - 一個用vue組件實現功能的問題

如圖:點擊clear按鈕,清空input文本,由于此時input失去焦點,對應clear按鈕也會隱藏 需要解決:清空input文本的時候,焦點還在input上,并且clear按鈕依舊顯示

問題解答

回答1:

.focus()就可以控制input還有焦點。沒有內容clear展示,這個邏輯就不對了。

回答2:

'清空input文本的時候,焦點還在input上,并且clear按鈕依舊顯示'很簡單啊,在onSpanTag函數清空內容后手動設置讓input聚焦再設置clear按鈕顯示唄:

document.querySelector('#input').focus(); this.states = true;

標簽: Html5
相關文章:
国产综合久久一区二区三区