Vue 中 .native 修飾符的作用是:在一個組件的根元素上直接監聽一個原生事件。
而 el-input-number 的根元素並非 input,而是一個 div,那為什么使用 input.native 能起效呢?
其實,是 “事件捕獲” 在起作用。也就是說在 input 框中修改數據時,它所有的父節點都會捕獲 input 事件。因此,我們也就能在根元素 div 上監聽到子節點的 input 事件。
我們在根節點上,添加捕獲函數,做進一步驗證,代碼如下
然后,在 el-input-number 中輸入數據,可以看到如下輸出