uni-app querySelector

uni-app中没有querySelector方法，但可以使用uni.createSelectorQuery()方法来获取节点信息。该方法返回一个SelectorQuery对象，可以使用该对象的方法来获取节点信息，例如使用select()方法获取单个节点信息，使用selectAll()方法获取多个节点信息。下面是一个例子：

// 获取id为myButton的节点信息
uni.createSelectorQuery().select('#myButton').boundingClientRect(function(rect){
    console.log(rect)
}).exec()

相关问题

uni-app的querySelector

uni-app的querySelector是一个基于CSS选择器的API，用于在页面中选择元素并返回该元素的节点信息。它可以用于选择单个元素或多个元素，并且可以通过节点信息进行操作。以下是一个使用querySelector选择元素并修改其样式的例子：

<template>
  <view class="container">
    <view class="box" @click="changeColor">点击我改变颜色</view>
  </view>
</template>

<script>
export default {
  methods: {
    changeColor() {
      // 选择.box元素并修改其背景颜色
      uni.createSelectorQuery().select('.box').boundingClientRect(rect => {
        uni.setBackgroundColor({
          backgroundColor: 'red',
          success: () => {
            setTimeout(() => {
              uni.setBackgroundColor({
                backgroundColor: 'white'
              })
            }, 1000)
          }
        })
      }).exec()
    }
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 100%;
}

.box {
  width: 200rpx;
  height: 100rpx;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

在上面的例子中，我们使用了uni.createSelectorQuery()方法来创建一个选择器对象，然后使用.select()方法选择了.box元素，并使用.boundingClientRect()方法获取了该元素的节点信息。最后，我们使用uni.setBackgroundColor()方法修改了背景颜色，并在1秒后将其还原为白色。

uni-app 实现锚点

Uni-app 可以通过以下步骤实现锚点：

1. 在需要添加锚点的元素上添加 id 属性。例如：

<view id="section1">...</view>

2. 在需要跳转到该元素的地方添加 a 标签，并设置 href 属性为 "#section1"。例如：

<a href="#section1">跳转到 section1</a>

3. 在需要跳转的页面的 script 标签中，添加以下代码以监听 a 标签的点击事件：

document.querySelectorAll('a').forEach(function(item) {
  item.addEventListener('click', function(e) {
    e.preventDefault()
    var target = item.getAttribute('href')
    document.querySelector(target).scrollIntoView({
      behavior: 'smooth'
    })
  })
})

这样，就可以实现点击 a 标签时，页面平滑滚动到指定的锚点元素了。