root-portal

Makes the entire subtree off the page, similar to using fixed position in CSS. It is mainly used to make pop-up windows, pop-up layers, etc.

Example

bxml

Code
<root-portal enable="{{enable}}">
  <view class="dialog"> I'm a dialog </view>
</root-portal>

js

Code
Page({
  data() {
    return {
      enable: true,
    };
  },
});

when use bn.createSelectorQuery, you may not get the dom in . add a second parameter in select funtion will make it work.

Example

Code
<root-portal enable="{{enable}}">
  <canvas id="canvas"></canvas>
</root-portal>

``` ts bn.createSelectorQuery() .select('#canvas', { rootPortal: true }}) .fields({ node: true, size: true }) .exec(res => { const canvas = res[0].node const ctx = canvas.getContext('2d') ctx.fillRect(0, 0, 100, 100) })

Props