美文网首页
vue 事件传递的原理

vue 事件传递的原理

作者: b59a2ae26f20 | 来源:发表于2020-06-24 09:45 被阅读0次

    vue的事件机制中,通过父组件模版中@一个事件,子组件emit('xx')事件名的方式实现子组件调用父组件的方法。
    原理如下:

    <html>
    <body>
        <div id='idx'></div>
    </body>
    </html>
    
    <script>
    function trigger (el, type) {
        const e = document.createEvent('HTMLEvents')
        e.initEvent(type, true, true)
        el.dispatchEvent(e)
    }
    let idx = document.getElementById('idx')
    
    idx.addEventListener('onAndy', () => {
        console.log('onAndy')
    },false)
    
    trigger(idx, 'onAndy')
    </script>
    

    相关文章

      网友评论

          本文标题:vue 事件传递的原理

          本文链接:https://www.haomeiwen.com/subject/oznlfktx.html