为什么我的iframe无法正常显示？ 第一个iframe除外的空白框

如何解决为什么我的iframe无法正常显示？ 第一个iframe除外的空白框

我有一个iframe（表格），其中显示了几张票证及其相关信息。当我们将鼠标悬停在单个票证上时，另一个iframe应该显示table-iframe的ON TOP，这将更深入我们要悬停的票证。

有关iframe的信息

<iframe id="ifrm1" style="position: fixed; width: 75%; height: 60%; z-index:100" name="ifrm1" src="about:blank"/>

#ifrm1 {
  opacity: 0;
  transition: opacity 0.5s linear;
  overflow: hidden;
  position: absolute;
}

有关表格的信息

对于该表，我正在使用元素用户界面表

@cell-mouse-enter="iFramedisplay"

iFramedisplay(row,column,cell,event) {
      if (!row.key.includes('NCS')) {
        return
      }
      document.getElementById('ifrm1').src = 'https://rmtools.nakisa.com:8081/#/iframesla?' + row.key
      console.log(document.getElementById('ifrm1').src)
    }

值得注意的是，尽管iframe无法正确显示，console.log总是会打印出正确的iframe网址。

在以下屏幕截图中，我们的iframe表中有两张票证。

始终的第一张票证有效并正确显示iframe。

但是，第二张票证（以及不是第一张票证的任何其他票证）将不会显示iframe，而是显示一个空白框。

我已经研究了这一问题，这也是iframe如此显示以及仅允许iframe在特定网站上显示的原因之一。但是，情况并非如此，因为第一张票证可以正确显示其iframe。

另一个原因可能是iFramedisplay方法未正确更改网址，但是如果是这种情况，则console.logs不会打印所需的iframe网址。

这可能只是css的问题，但是我不明白为什么第一个iframe可以工作而其他iframe不能工作。

任何对此的见识将不胜感激！