微信小程序动态插入view

在微信小程序中，可以通过使用 `wx.createSelectorQuery()` 方法获取到页面中的某个元素，然后通过 `nodes:res.nodes` 获取到该元素的节点信息。接着，可以使用 `wx.createIntersectionObserver()` 方法创建一个 IntersectionObserver 对象，监听该元素是否进入或离开了可视区域。

当该元素进入可视区域时，可以调用 `setData()` 方法动态地向页面中插入一个新的 View，并将需要展示的内容动态填充到该 View 中。示例代码如下：

Page({
  data: {
    dynamicViews: [],
  },

  onLoad: function() {
    var that = this;
    wx.createSelectorQuery().select('#insert-view').boundingClientRect(function(res) {
      var observer = wx.createIntersectionObserver(that);
      observer.relativeToViewport().observe('#insert-view', function(res) {
        if (res.intersectionRatio > 0) {
          var newView = {
            content: '这是动态插入的 View 内容'
          };
          var dynamicViews = that.data.dynamicViews;
          dynamicViews.push(newView);
          that.setData({
            dynamicViews: dynamicViews
          });
        }
      })
    }).exec()
  }
})

在页面中，需要预留一个空的 View 作为插入位置，例如：

<view>
  <view>这是一段静态内容</view>
  <view id="insert-view"></view>
  <view>这是另一段静态内容</view>
  <view wx:for="{{dynamicViews}}" wx:key="index">
    {{item.content}}
  </view>
</view>

这样，在页面滚动到预留位置时，就可以动态地向页面中插入新的 View，并将内容填充到其中。