如何用锐浪报表工具将报表嵌入到web页面中 是使用的element ui 弹框

Question

我使用过了 iframe 引入了当前的报表的路径 还有使用了定位 还要一种方法是使用了缩小宽高直接插入 但是无效 。他是自己自动打开了一个新的流浪器的模式无法显示

Answer 1

用element-ui 的Dialog 对话框组件，，在弹框内嵌入iframe; 代码展示如下，亲测有效

<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="100%"
  :before-close="handleClose">
  <span>
    <iframe src="https://ask.csdn.net/questions/7632082?spm=1005.2025.3001.5141" frameborder="0" style="width:100%"></iframe>
  </span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>