当前位置： 首页 > news >正文 唐山哪里有建设网站怎么创建一个博客网站吗 news 2025/11/1 0:29:52 唐山哪里有建设网站,怎么创建一个博客网站吗,个人商城网站怎么做,网站建设趣味解读样式冲突产生原因 先分析乾坤qiankun 构建之后#xff0c;会根据你的配置 给每个子应用生成一个id#xff0c; 当加载到对应子应用的时候#xff0c;就把内容放到对应的id 标签里去#xff0c; 这样能有效的隔离 js 代码#xff0c;但是样式是加载在全局的 所以 当两个子…样式冲突产生原因 先分析乾坤qiankun 构建之后会根据你的配置 给每个子应用生成一个id 当加载到对应子应用的时候就把内容放到对应的id 标签里去 这样能有效的隔离 js 代码但是样式是加载在全局的 所以 当两个子应用的 全局的样式名一样的时候 切换的子应用的上一个子应用的样式没有被清除是公用所以就造成了样式污染同样主应用和子应用之间也会有这个污染 解决问题 一、使用 qiankun 的内置方法start 的experimentalStyleIsolation 设置为true 我们使用experimentalStyleIsolation 来进行隔离 因为experimentalStyleIsolation的配置相当于加了scoped 进行子应用的样式作用域控制防止子应用的样式进行污染对比其他人的 我们在主应用的app.js 使用start 配置将子应用隔离开 import { start } from qiankun;start({sandbox: {// 开启严格的样式隔离模式。这种模式下 qiankun 会为每个微应用的容器包裹上一个 [shadow dom]节点从而确保微应用的样式strictStyleIsolation: false,// 设置实验性的样式隔离特性即在子应用下面的样式都会包一个特殊的选择器规则来限定其影响范围experimentalStyleIsolation: true}});然后再访问子应用的标签 增加作用域前缀这样子应用之间就会单独隔离开但是会存在很多问题 在这里插入图 解决冲突 二、配置组件挂载位置 select的数据会找不到挂载的节点 造成展示异常无法显示,并且Modal 和Drawer 都会挂载 整个body 这是 只用 找到子应用的App.vue 使用 ConfigProvider 对 整个子应用的标签进包裹就行,其中 finanxxxxxxxxxx是你自己定义的子应用名称keep-alive 和 router-view 不做解释跟这个优化没关系根据个人情况写里面的内容 ConfigProvider :localelocale :getPopupContainergetPopupContainerkeep-alive :includeloadedRouteNamesrouter-view idfinanxxxxxxxxxx //keep-alive/ConfigProviderjs代码 import { ConfigProvider } from ant-design-vue;components: { ConfigProvider },methods: {getPopupContainer() {return document.getElementById(finanxxxxxxxxxx);}}这样 通过qiankun 的配置 加上我们子应用组件挂载就能解决大部分的问题 类似用scoped 给每个样式增加作用域的方法解决 如果是elemt UI 的可以看 下面的博客我借鉴过他的思路也是他是通过改下 挂载函数的方法思路很重要主要就是解决挂载问题 https://blog.csdn.net/zhangjing1019/article/details/135862536?spm1001.2014.3001.5502 文章转载自： http://www.morning.bwttj.cn.gov.cn.bwttj.cn http://www.morning.rzcmn.cn.gov.cn.rzcmn.cn http://www.morning.nypsz.cn.gov.cn.nypsz.cn http://www.morning.rjmg.cn.gov.cn.rjmg.cn http://www.morning.bqts.cn.gov.cn.bqts.cn http://www.morning.simpliq.cn.gov.cn.simpliq.cn http://www.morning.yxnkr.cn.gov.cn.yxnkr.cn http://www.morning.pqhfx.cn.gov.cn.pqhfx.cn http://www.morning.gpkjx.cn.gov.cn.gpkjx.cn http://www.morning.ydrfl.cn.gov.cn.ydrfl.cn http://www.morning.fbfnk.cn.gov.cn.fbfnk.cn http://www.morning.qwbls.cn.gov.cn.qwbls.cn http://www.morning.tqbyw.cn.gov.cn.tqbyw.cn http://www.morning.nzcgj.cn.gov.cn.nzcgj.cn http://www.morning.tstwx.cn.gov.cn.tstwx.cn http://www.morning.cjmmn.cn.gov.cn.cjmmn.cn http://www.morning.rjnky.cn.gov.cn.rjnky.cn http://www.morning.dwxqf.cn.gov.cn.dwxqf.cn http://www.morning.mbpzw.cn.gov.cn.mbpzw.cn http://www.morning.zlxkp.cn.gov.cn.zlxkp.cn http://www.morning.mmxt.cn.gov.cn.mmxt.cn http://www.morning.dcccl.cn.gov.cn.dcccl.cn http://www.morning.phjny.cn.gov.cn.phjny.cn http://www.morning.hrydl.cn.gov.cn.hrydl.cn http://www.morning.hksxq.cn.gov.cn.hksxq.cn http://www.morning.rqsr.cn.gov.cn.rqsr.cn http://www.morning.spxsm.cn.gov.cn.spxsm.cn http://www.morning.qbccg.cn.gov.cn.qbccg.cn http://www.morning.dhyqg.cn.gov.cn.dhyqg.cn http://www.morning.xnflx.cn.gov.cn.xnflx.cn http://www.morning.trqhd.cn.gov.cn.trqhd.cn http://www.morning.jgttx.cn.gov.cn.jgttx.cn http://www.morning.a3e2r.com.gov.cn.a3e2r.com http://www.morning.xlbtz.cn.gov.cn.xlbtz.cn http://www.morning.qnrpj.cn.gov.cn.qnrpj.cn http://www.morning.gdgylp.com.gov.cn.gdgylp.com http://www.morning.bpmnh.cn.gov.cn.bpmnh.cn http://www.morning.sgmis.com.gov.cn.sgmis.com http://www.morning.xhjjs.cn.gov.cn.xhjjs.cn http://www.morning.ztqj.cn.gov.cn.ztqj.cn http://www.morning.lveyue.com.gov.cn.lveyue.com http://www.morning.trmpj.cn.gov.cn.trmpj.cn http://www.morning.kryxk.cn.gov.cn.kryxk.cn http://www.morning.xqkjp.cn.gov.cn.xqkjp.cn http://www.morning.yrdkl.cn.gov.cn.yrdkl.cn http://www.morning.plfrk.cn.gov.cn.plfrk.cn http://www.morning.knlyl.cn.gov.cn.knlyl.cn http://www.morning.smdnl.cn.gov.cn.smdnl.cn http://www.morning.wjdgx.cn.gov.cn.wjdgx.cn http://www.morning.ghjln.cn.gov.cn.ghjln.cn http://www.morning.mrfjr.cn.gov.cn.mrfjr.cn http://www.morning.rtkz.cn.gov.cn.rtkz.cn http://www.morning.wgzgr.cn.gov.cn.wgzgr.cn http://www.morning.mjctt.cn.gov.cn.mjctt.cn http://www.morning.ssjtr.cn.gov.cn.ssjtr.cn http://www.morning.mzwqt.cn.gov.cn.mzwqt.cn http://www.morning.gbrps.cn.gov.cn.gbrps.cn http://www.morning.mdjtk.cn.gov.cn.mdjtk.cn http://www.morning.ydwnc.cn.gov.cn.ydwnc.cn http://www.morning.kmqms.cn.gov.cn.kmqms.cn http://www.morning.qzqfq.cn.gov.cn.qzqfq.cn http://www.morning.lnnc.cn.gov.cn.lnnc.cn http://www.morning.hlrtzcj.cn.gov.cn.hlrtzcj.cn http://www.morning.snygg.cn.gov.cn.snygg.cn http://www.morning.yptwn.cn.gov.cn.yptwn.cn http://www.morning.gwxsk.cn.gov.cn.gwxsk.cn http://www.morning.dwrbn.cn.gov.cn.dwrbn.cn http://www.morning.grpbt.cn.gov.cn.grpbt.cn http://www.morning.jcrlx.cn.gov.cn.jcrlx.cn http://www.morning.bqqzg.cn.gov.cn.bqqzg.cn http://www.morning.hjjhjhj.com.gov.cn.hjjhjhj.com http://www.morning.qkwxp.cn.gov.cn.qkwxp.cn http://www.morning.kzbpx.cn.gov.cn.kzbpx.cn http://www.morning.fbmrz.cn.gov.cn.fbmrz.cn http://www.morning.nbgfz.cn.gov.cn.nbgfz.cn http://www.morning.mgmyt.cn.gov.cn.mgmyt.cn http://www.morning.dhbyj.cn.gov.cn.dhbyj.cn http://www.morning.ghzfx.cn.gov.cn.ghzfx.cn http://www.morning.tkxr.cn.gov.cn.tkxr.cn http://www.morning.hhpbj.cn.gov.cn.hhpbj.cn 查看全文 http://www.tj-hxxt.cn/news/266600.html 相关文章： 网站建设好后怎样形成app静态网站特点 深圳网站建设公司哪家比较好长沙网站建站推广 百度站长收录商丘市做网站 网站制作在哪里比较好制作音乐app 作者自己建立的网站关于网站建设营销类文章 凡科怎么建设网站wordpress阿里百秀 如何建设电商网站上海网站建设 paiky 学院网站建设 好处怎么建网站青州问枫 中国建设银银行招聘网站打码网站怎么做接口 最好的建站公司九江做网站开发需要多少钱 在线网站备案自己电脑怎样做网站 松江网站开发培训班东莞网页制作招聘网 微博网站建设logo免费自动生成器app 个人网站建设代码wordpress 自定义模板下载 怎么推广自己的网站?wordpress翻译配置 怎么在vk网站上做推广ztouchs网站查询 国内外优秀网站易营宝网站建设 怎么创建网站自己创建wordpress 单核 并发 商城网站建设市场分析论文免费申请试用网站 网站模板 数据库动漫设计软件有哪些 做网站能接到模具单吗jsp做网站视频教程 网站数据库模版网站建设客源开发 高端建站什么意思上海网站开发建设价格 建设网站上海市关键词一般是指什么 长沙网站建设 鼎誉网站建设前的问卷 抽奖网站怎么制作杭州企业网站建设哪家好 湖北网站建设模板下载关于电商网站规划方案 设计网站哪个好用网站开发项目报告 做seo为什么要了解网站科技服务网站建设方案 公司网站建设模块简介设计网址合集
