当前位置：首页 > JavaScript > 微信小程序取view

微信小程序取view

一叶知秋2024-08-07 09:06:55JavaScript38

在微信小程序中，可以使用 createSelectorQuery() 方法获取页面上的某个 view 的信息。以下是一个简单的示例：

在页面的 WXML 文件中，添加一个 view 标签，并为其设置一个唯一的 class 名称，例如：

<view class="my-view">这是一个 view</view>

在页面的 JS 文件中，使用 createSelectorQuery() 方法获取 view 的信息：

Page({
  onLoad: function () {
    // 创建选择器
    var query = wx.createSelectorQuery();

    // 获取 class 为 "my-view" 的 view 信息
    query.select(".my-view").boundingClientRect();

    // 执行选择器
    query.exec(function (res) {
      console.log("View 的信息：", res[0]);
    });
  },
});

在上面的示例中，我们首先使用 createSelectorQuery() 方法创建了一个选择器，然后使用 select() 方法选择了 class 为 "my-view" 的 view。接着，我们使用 boundingClientRect() 方法获取了 view 的布局信息。我们使用 exec() 方法执行了选择器，并在回调函数中打印了 view 的信息。

需要注意的是，createSelectorQuery() 方法获取的 view 信息是异步的，因此需要在 exec() 方法的回调函数中处理获取到的信息。