无界微前端(wujie):element-ui 弹框内使用select组件,弹出框位置异常解决方案

element-ui 弹框内使用select组件,弹出框位置异常解决方案

只需三步,第一步:

将子应用将 body 设置为 position: relative 

第二步:

在子应用的html上设置个class

第三步:

加个样式,把样式 el-popper 的 position: fixed 替换成 position: absolute !important;

然后就大功告成拉~是不是很简单~~~

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端是一种将前端应用程序分解为更小、更易于管理的部分的方法,以实现更好的可维护性和可扩展性。wujie是一个面向微前端解决方案,它可以帮助你快速构建和管理微前端应用程序。 以下是wujie快速上手的步骤: 1. 安装wujie 你可以通过npm安装wujie: ``` npm install wujie ``` 2. 创建wujie应用程序 使用wujie,你可以创建一个主应用程序和多个子应用程序。创建wujie应用程序可以使用如下命令: ``` npx create-wujie-app my-app ``` 3. 配置wujiewujie应用程序中,你需要配置主应用程序和子应用程序之间的交互。你可以在主应用程序中使用如下代码来配置子应用程序: ```javascript import { registerMicroApps, start } from 'wujie'; registerMicroApps([ { name: 'app1', entry: '//localhost:3000', container: '#app-container', activeRule: '/app1', }, { name: 'app2', entry: '//localhost:3001', container: '#app-container', activeRule: '/app2', }, ]); start(); ``` 在上面的代码中,我们注册了两个子应用程序,并将它们渲染到了主应用程序中的一个名为“#app-container”的DOM元素中。每个子应用程序都有一个名称、入口URL、容器元素和活动规则。活动规则用于确定何时加载特定的子应用程序。 4. 运行wujie应用程序 现在,你可以运行wujie应用程序: ``` npm run dev ``` 这将启动主应用程序和所有子应用程序。你可以通过访问`http://localhost:8080/app1`和`http://localhost:8080/app2`来查看子应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值