vue 可否監聽所有該頁面的 input ？

vue.js vue vue學習筆記 vuejs

火爆浪子 2020-06-24 11:35:49 ‧ 1603 瀏覽

分享至

記得之前在 jquery 如果要監聽 input element 的話

$('input, button').on('change'...

就可以一次的監聽全部該頁的 input , button...
只是在 vue 的世界該怎麼進行全部監聽？
我現在的做法是在每個 input 塞 @change...
想問問有沒有更好的做法？

listennn08 iT邦高手 5 級 ‧ 2020-06-24 11:43:32 檢舉

監聽父元素

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

通靈亡

iT邦高手 1 級 ‧ 2020-06-24 11:48:26

最佳解答

mounted () {
  // Your Custom Method
  this.someMethod()

  this.$nextTick(()=>{
    document.querySelectorAll('input').forEach(input => {
      input.addEventListener('change', () => {
        console.log('Listening event after you’ve changed some data to wait for the DOM update. ')
      }, false);
    })
  })
}