请教一下写前端的各位大佬, vue 动态组件如何动态定义名字呢?

查看 98|回复 8
作者:Jinnrry   
vue 版本:3.3
背景:我项目里面希望给第三方提供一个页面。第三方通过网络接口的方式返回 html 代码,我程序里面把别人的 html 代码嵌入到我的页面中。
目前想到的方案:
1 、使用 v-html 标签嵌入。问题:这种方式嵌入,对方页面中如何调用我 vue 页面的方法属性呢?比如我这里有一个$http 变量是 axios 的实例,这个里面封装的验签相关处理,他必须用我这个$http 属性才能正常调用接口,不然他过不去验签。
2 、使用 vue 的异步组件。目前还没研究明白怎么用
下面是 demo 代码
   
        
        
            // 方案 1
            
            
            
            // 方案 2
            
             // 这样写的话第二个 plugin 又叫啥名字呢?
            
        
   
   
saberlove   
您是否在寻找 QianKun?
TOG   
为什么不用 iframe ?
发方案 1 按道理可行。
weixind   
需要定义个 bridge 。和 VUE 关系不大。
Jinnrry
OP
  
@saberlove #1 太重了,就这么简单一个功能,不想引入这么重的一个依赖。三四年前用过这玩意,当时留下了难以磨灭的记忆
Jinnrry
OP
  
@tog #2 主要是和我原来 vue 属性通讯的问题,使用 iframe 怎么把我的$http 之类的属性给到他的页面呢
Jinnrry
OP
  
@tog #2 方案 1 的主要问题是 v-html 里面不执行 js 代码,只能插入 html 内容
Jinnrry
OP
  
@weixind #3 大佬细说?这一句话理解不了啊
bojackhorseman   
听着有点像微前端的范畴。可以试试 micro-app ,接入很简单,就是主应用和子应用要按照框架约定好一些东西。
您需要登录后才可以回帖 登录 | 立即注册

返回顶部