為什么給 el-input-number 加上 input.native 會有效?


Vue 中 .native 修飾符的作用是:在一個組件的根元素上直接監聽一個原生事件。

而 el-input-number 的根元素並非 input,而是一個 div,那為什么使用 input.native 能起效呢?

其實,是 “事件捕獲” 在起作用。也就是說在 input 框中修改數據時,它所有的父節點都會捕獲 input 事件。因此,我們也就能在根元素 div 上監聽到子節點的 input 事件。

我們在根節點上,添加捕獲函數,做進一步驗證,代碼如下

 

 

 

 然后,在 el-input-number 中輸入數據,可以看到如下輸出

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM