在vue中如何使用addEventListener?

开发环境:

vue2.0vue-cli
<span class="user-notice" @click="handle($event)"></span>
methods: {
    handle (e) {        function addHandler (el, type, handler) {
            el.addEventListener(type, handler, false)
        }
        addHandler(e.target, 'click', (e) => {
            e.stopPropagation()
        })
    }
}

在这种情况首次点击不会生效,需要第二次点击才会响应操作,那么:

尝试了将handle放进created()、mounted()、updated()都会报错,e.target is undefiend

在updated()中console.log(document.querySelector('user-notice')),是能够正确取到值的。

https://img2.mukewang.com/5be939db0001cea303390069.jpg

拉丁的传说
浏览 3448回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript