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

想要实现如下效果

在页面中点击链接，弹出窗口，窗口中加载指定的页面内容

1.vue文件内容

html部分的代码

主要链接    

      
      
        取 消
        确 定
      
    

js部分的代码

export default {
  name: "indexJK",
  data() {
    return {
      name: "indexJK", 
      dialogVisible: false, //弹出框
    };
  },
  methods: {
    test() {
      this.dialogVisible = true;
    }
  }
};

2.运行效果