element-ui vue2 iframe 嵌入外链新解

效果如图

实现原理

• 在路由中通过  props 传值

  {
    path: '/iframe',
    component: Layout,
    meta: { title: '小助手', icon: 'example' },
    children: [
      {
        path: 'chatglm',
        name: 'chatglm',
        props: {  name: 'chatglm',url: 'https://chatglm.cn' },
        component: () => import('@/views/iframe/common'),
        meta: { title: 'ai-智普清言', icon: 'table' }
      },
]

• 组件中获取数据  this.$props.url

参考

src/views/IFrame/IFrame.vue · 朝雨忆轻尘（Louis）/kitty-ui - Gitee.com

Vue 路由组件传参的 8 种方式 - 掘金