小程序点击某个元素后动态添加元素获取最后添加的元素高度,uniapp实现方式

在小程序中，可以通过以下步骤实现动态添加元素并获取最后添加的元素高度：

1. 在页面中定义一个空的容器元素，用于添加新元素：

<view id="container"></view>

2. 在点击事件中通过 `wx.createSelectorQuery()` 获取容器元素，并在回调函数中获取容器元素的高度：

// 点击事件处理函数
onTap: function() {
  // 获取容器元素
  var container = wx.createSelectorQuery().select('#container');
  // 在回调函数中获取容器元素的高度
  container.boundingClientRect(function(rect) {
    console.log(rect.height);
  }).exec();
  
  // 在容器元素中添加新元素
  var newElem = document.createElement('div');
  newElem.innerHTML = '新元素';
  document.getElementById('container').appendChild(newElem);
}

在 uniapp 中，可以使用类似的方式实现动态添加元素并获取最后添加的元素高度。需要注意的是，需要使用 uni.createSelectorQuery() 方法获取元素信息。以下是示例代码：

<template>
  <view>
    <view id="container"></view>
    <button @tap="onTap">添加元素</button>
  </view>
</template>

<script>
export default {
  methods: {
    onTap() {
      // 获取容器元素
      var container = uni.createSelectorQuery().select('#container');
      // 在回调函数中获取容器元素的高度
      container.boundingClientRect(function(rect) {
        console.log(rect.height);
      }).exec();
      
      // 在容器元素中添加新元素
      var newElem = document.createElement('div');
      newElem.innerHTML = '新元素';
      document.getElementById('container').appendChild(newElem);
    }
  }
}
</script>