uniapp没有querySelector

在UniApp中确实没有querySelector方法，因为UniApp是基于Vue.js的跨平台框架，它使用了Web标准中的一部分API，并做了一些封装和适配，以实现在多个平台上运行。所以，在UniApp中，你不能直接使用Web原生的querySelector方法来选择DOM元素。

相应地，UniApp为跨平台开发提供了一些自己的API来操作DOM元素。你可以使用uni.createSelectorQuery方法来选择DOM元素。这个方法返回一个选择器查询实例，你可以使用它来选择元素并执行一些操作。例如：

uni.createSelectorQuery().select('.my-element').boundingClientRect(function(rect) {
  console.log(rect)
}).exec()

在上面的例子中，我们使用createSelectorQuery方法选择了class为"my-element"的元素，并通过boundingClientRect方法获取它的位置和尺寸信息。最后，我们通过exec方法执行这个选择器查询。

相关问题

uniapp document.querySelector

document.querySelector是JavaScript中的一个方法，它用于通过选择器来选择文档中的元素。在uniapp中，我们可以使用document.querySelector方法来选择页面中的元素，并对其进行操作。在引用中提到的使用document.querySelector的情况是用于选取具有特定类名或属性的元素，并将其赋值给输入框。例如，通过选择器".uni-input-input[type=search]"，我们可以选择具有特定类名和属性的输入框元素，然后使用inputsearch.value = item将点击的值赋值给该输入框。这样可以实现在uniapp中动态改变输入框的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uniApp学习(9)热门搜索，搜索数据页面缓存](https://blog.csdn.net/weixin_43288858/article/details/115868007)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

uniapp document.querySelector中报错querySelector undefined

在uniapp中，使用document.querySelector()方法时，需要注意以下几点：

1.该方法只能在页面加载完成后才能使用，否则会出现undefined的情况。

2.在uniapp中，由于使用的是vue框架，因此需要使用this.$nextTick()方法来确保页面加载完成后再使用document.querySelector()方法。

下面是一个使用this.$nextTick()方法的例子：

export default {
  mounted() {
    this.$nextTick(() => {
      const element = document.querySelector('.example')
      console.log(element)
    })
  }
}

在上面的例子中，mounted()方法表示组件已经挂载到页面上，this.$nextTick()方法确保页面加载完成后再执行回调函数，回调函数中使用document.querySelector()方法获取class为example的元素，并将其输出到控制台中。