微信小程序中怎样按某个条件来决定是否显示某元素

在微信小程序中，可以使用条件渲染来决定是否显示某个元素。具体来说，可以在需要进行判断的元素上使用 `wx:if` 或 `wx:elif` 或 `wx:else` 属性，根据不同的条件来决定是否显示该元素。

例如，以下代码中，根据 `isShow` 的值来决定是否显示 `<view>元素内容</view>`：

<view wx:if="{{isShow}}">元素内容</view>

当 `isShow` 为真时，该元素会被渲染出来；当 `isShow` 为假时，该元素不会被渲染出来。

相关问题

原生微信小程序判断是否点击某个元素以外的元素 控制元素的显示

原生微信小程序中，如果你想要控制某个元素的显示状态，当用户点击了该元素以外的地方，你可以通过监听`touchstart`和`touchend`事件结合`page-class`属性来实现。首先，在你的页面组件上设置一个自定义的class名，比如`.not-clicked`，表示元素未被点击的状态。

<view class="container">
  <view class="element" bindtap="handleElementClick">点击我</view>
  <!-- 其他元素 -->
  <view class="other hide-not-clicked"></view>
</view>

<style>
.not-clicked {
  display: none;
}
.hide-not-clicked {
  display: block;
}
</style>

然后，在对应的JS文件中，编写处理点击事件的函数：

Page({
  data: {},
  handleElementClick: function(e) {
    // 当元素被点击时，移除.not-clicked
    this.setData({
      notClickedClass: ''
    });
  },
  globalTouchStart: function(e) {
    if (e.target.className.includes('element')) return; // 如果不是元素自身，继续处理
    // 添加.not-clicked，隐藏其他元素
    this.setData({
      notClickedClass: 'not-clicked',
    });
  },
  globalTouchEnd: function() {
    // 如果用户停止触摸并且不再是元素，移除.not-clicked
    if (!this.data.notClickedClass) return;
    this.setData({
      notClickedClass: '',
    });
  }
})

在这个例子中，当用户点击元素外部时，`globalTouchStart`会添加`.not-clicked`，使得`.other`元素隐藏；而`globalTouchEnd`会在用户停止点击且不再是元素时恢复到默认显示状态。

微信小程序中如何使用js获取某个元素的高度

在微信小程序中，你可以使用 `createSelectorQuery` API 来获取某个元素的高度。以下是获取元素高度的一般步骤：

1. 在页面的 js 文件中，使用 `wx.createSelectorQuery()` 方法创建选择器查询对象。例如：

const query = wx.createSelectorQuery();

2. 使用 `query.select()` 方法选择需要获取高度的元素，并使用 `boundingClientRect()` 方法获取其位置信息和高度。例如：

query.select('.element-class').boundingClientRect(function(rect) {
  console.log(rect.height); // 输出元素的高度
}).exec();

这里假设需要获取高度的元素的 class 为 `.element-class`，你可以根据自己的实际情况修改。

3. 最后，使用 `exec()` 方法执行查询。查询结果将在回调函数中返回，你可以通过回调函数中的参数来获取元素的高度。

注意：`createSelectorQuery` 是一个异步方法，需要使用 `exec()` 方法来触发查询并获取结果。

这是一个基本示例，你可以根据实际需要进行修改和扩展。希望能对你有所帮助！