vue3动态插入iframe，内容被取消的原因

最近我们在使用前端架桥时，需要动态插入一个iframe，但在vue3的onMounted的地方执行插入总是显示url 已取消，现象是下图，找了好久没找到原因。

排查了几种情况：

1、跨域问题（这个可以确定不是，因为同源也会被取消）

2、有网友说是JS有crossorigin属性导致的无法加载（也确定不是这个原因，因为我全部都删除了）

3、在index.html动态插入，也会被取消。这里就很奇怪，因为这个js是在所有js之前执行，html已经加载完成了，按道理说加载是没问题的，但还是被取消了。

4、在app的onMounted中执行，这种也不行，不知道具体原因。

5、onBeforMouned，html加载成功，但iframe没插入，也没排查出具体原因

6、在setup的方法体中执行，这种可以执行成功，架桥的源也加载成功，iframe也插入成功了。问题是解决了，但不知道什么影响的。

有遇到的网友可以按我执行的方式执行代码试一下。知道具体原因的网友也可以反馈下，互相学习一下。插入代码如下：

为了代码没管，代码位置可以斟酌，这代码只是参考。