使用iframe标签时，如何阻止嵌入的页面跳转(Vue、HTML 均可使用)_阻止 iframe中vue项目路由跳转

作者：从前慢现在也慢 | 2024-03-04 19:36:06

踩

阻止 iframe中vue项目路由跳转

        <iframe :src="pannelInfo.pannelURL" id="web" frameborder="0" class="web-frame" 
        security="restricted"
        sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts"></iframe>
1
2
3

security是js 的属性，后面的sandbox是h5的属性

值	描述
" "	应用以下所有的限制。
allow-same-origin	允许 iframe 内容被视为与包含文档有相同的来源。
allow-top-navigation	允许 iframe 内容从包含文档导航（加载）内容。
allow-forms	允许表单提交。
allow-scripts	允许脚本执行。
allow-popups	允许弹窗。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/188460