526互联

vue3 - iframe 添加 click事件 -解决

发布时间 2024-01-03 15:58:29作者: 岑惜

没法在 iframe 元素直接添加 @click 回调 ，会无效的

同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效

因此，正确的绑定办法是，在iframe 绑定 @load 

 然后

const load = (v: boolean) => {if (!v) {
    //必须是iframe加载完成后才可以添加事件监听
    nextTick(() => {
      let dom = document.getElementById("iframe的id") as any;
      dom.contentWindow.onclick = function () {
        //这里写点击事件的业务代码
      };
    });
  }
};