layui 一个页面引用另外一个页面的内容
时间: 2024-06-01 07:04:14 浏览: 10
在layui中,可以使用iframe标签来引用另外一个页面的内容。具体步骤如下:
1. 在需要引用其他页面内容的地方添加一个iframe标签,例如:
```html
<iframe src="other_page.html"></iframe>
```
2. 在被引用的页面中,可以使用layui的tab组件来加载其他页面的内容。具体步骤如下:
```html
<!-- 在需要加载其他页面内容的地方添加一个tab组件 -->
<div class="layui-tab" lay-filter="demo">
<ul class="layui-tab-title">
<li class="layui-this">首页</li>
<li>文章列表</li>
<li>留言板</li>
</ul>
<div class="layui-tab-content">
<!-- 在需要加载其他页面内容的地方添加一个tab-item -->
<div class="layui-tab-item layui-show">
<!-- 在tab-item中添加一个iframe标签,src属性指向需要加载的页面 -->
<iframe src="other_page.html"></iframe>
</div>
<div class="layui-tab-item">内容2</div>
<div class="layui-tab-item">内容3</div>
</div>
</div>
```
注意:需要在页面中引入layui的相关文件。