vue项目中引入外部js 需要通过外部js触发vue组件执行某些事件
JS中,最简单的创建事件方法,是使用Event构造器:
事件的定义
var myEvent = new Event(‘event_name’);
但是为了能够传递数据,就需要使用 CustomEvent 构造器:
var myEvent = new CustomEvent(‘event_name’, {
detail:{
data:‘要传输的值’
},
});
事件的注册
//假设listener注册在window对象上
window.addEventListener(‘event_name’, function(event){
// 如果是CustomEvent,传入的数据在event.detail中
console.log(‘得到数据为:’, event.detail);
// ...后续相关操作
});
**
事件的触发
**
// 随后在对应的元素上触发该事件
if(window.dispatchEvent) {
window.dispatchEvent(myEvent);
} else {
window.fireEvent(myEvent);
}