收藏
回答

root-portal组件和普通的视图组件有什么区别?

root-portal组件和普通的视图组件有什么区别?

回答关注问题邀请回答
收藏

6 个回答

  • 任性༄🍎
    任性༄🍎
    2022-09-15

    区别还是比较大的,这么举个例子

    class为 btn、box、popup 这三个,如果没有 root-portal 标签,btn 一定是在 box 之上,popup虽然层级比btn要大的多,但受box层级的影响,popup无论多大,都离不开父级的层级

    root-portal的出现就是为了解决父级层级的问题,导致弹框或者提示类的元素无法到达它应在的层级位置

    PC/H5端的UI组件,弹框可以指定追加在根body层级,当然,如果会vue,Teleport的出现也是为了解决这个问题

    2022-09-15
    有用 5
    回复 2
    • 胜
      2023-01-04
      例子很棒,直接解决了我的问题
      2023-01-04
      回复
    • algodata
      algodata
      06-12
      起到和teleport一样的效果 一下子答疑解惑了
      06-12
      回复
  • 胜
    2023-01-04

    充分解决了我的问题

    2023-01-04
    有用
    回复
  • 李忠浩
    李忠浩
    2022-12-30

    实际渲染不在page下,css定义在page下的var值,不能在root-portal及其子节调用。


    2022-12-30
    有用
    回复
  • 不是发哥
    不是发哥
    2022-12-08

    这个组件很好用,可以完美解决filter下fixed失效问题

    2022-12-08
    有用
    回复 3
    • 一曲竿常断
      一曲竿常断
      2022-12-09
      贴下代码
      2022-12-09
      回复
    • ElPsyCongroo
      ElPsyCongroo
      05-01
      你应该指的是transform导致绝对定位失效 , filter是滤镜效果应该不会有影响
      05-01
      回复
    • xiang
      xiang
      10-10
      怎么用呢?我的也是page加了fixed之后fixed失效
      10-10
      回复
  • Zzzzzzzz
    Zzzzzzzz
    2022-10-26

    +1

    2022-10-26
    有用
    回复
  • 白
    2022-08-30

    +1

    2022-08-30
    有用
    回复
登录 后发表内容