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>