vue iframe循环嵌套
时间: 2023-09-14 21:12:59 浏览: 169
在Vue中进行iframe循环嵌套的方法如下:
首先,你可以在Vue组件中创建一个方法,该方法用于将新页面的链接放入到iframe中。你可以使用以下代码作为参考:
```javascript
methods: {
preview(frame) {
var myIframe = $("#frame");
var url = basePath + "/base/commonFileUpload/preview?id=" + frame + "&split=1";
$('#frame').attr('src', url);
}
}
```
接下来,在组件的模板中,你可以使用iframe标签来嵌套新页面。你可以使用以下代码作为参考:
```html
<div style="padding-top:10px;">
<iframe id="frame" style="width: 100%;border: 0px;margin:0;display: none;"></iframe>
</div>
```
通过调用上述方法和在模板中嵌套iframe标签,你可以实现Vue中的iframe循环嵌套。请注意,代码中的"frame"是可替换的,根据你的具体需求进行修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [前端开发:Vue中嵌套标签iframe的使用](https://blog.csdn.net/CC1991_/article/details/120857579)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文