vue document.querySelector获取动态的dom

在Vue.js中，`document.querySelector()` 是用于在文档中查找匹配指定CSS选择器的第一个元素的JavaScript DOM API。然而，它主要用于静态DOM操作，并不是直接针对Vue组件内的动态渲染。如果你想要在Vue中获取动态生成的DOM元素，你需要配合Vue提供的数据绑定、指令或者事件系统。

例如，假设你有一个动态生成的按钮：

<button v-if="showButton" @click="handleClick">{{ buttonText }}</button>

在这个例子中，`v-if` 指令控制按钮是否显示，`@click` 挂载了一个点击事件处理器。如果你想在`handleClick`函数内部获取这个按钮，应该使用`this.$refs`属性，如果它是通过ref注册的：

methods: {
  handleClick() {
    const button = this.$refs.myButton; // 假设按钮有ref="myButton"
    if (button) {
      // 现在你可以使用button元素了
      console.log(button.innerText);
    }
  },
}

如果按钮是直接由模板动态创建的，你可以在事件处理函数中访问`$event.target`获取触发事件的元素。