element-ui vue2 iframe 嵌入外链新解

效果如图

element-ui vue2 iframe 嵌入外链新解_第1张图片

实现原理

  • 在路由中通过  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 种方式 - 掘金

你可能感兴趣的:(javascript,前端,开发语言,vue,elementui)