Element-UI 弹出窗口el-dialog使用iframe加载外部页面内容

Element-UI 弹出窗口el-dialog使用iframe加载外部页面内容

<el-button type="success" @click="test">按钮el-button>    
<el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="80%"
      height="100%"
      :before-close="handleClose"
    >
      <iframe src="http://www.baidu.com" frameborder="0" width="100%" height="600px">iframe>
      <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>

在这里插入代码片

export default {
     
  name: "indexJK",
  data() {
     
    return {
     
      name: "indexJK", 
      dialogVisible: false, //弹出框
    };
  },
  methods: {
     
  //点击按钮弹出百度页面
    test() {
     
      this.dialogVisible = true;
    }
  }
};