nuxtjs获取dom元素

在 Nuxt.js 中获取 DOM 元素可以使用以下方法：

1. 使用 $refs

在模板中给元素添加 ref 属性，然后在组件中使用 this.$refs 来获取元素的引用。

模板代码：

<template>
  <div ref="myElement">这是一个 DOM 元素</div>
</template>

组件代码：

export default {
  mounted() {
    const myElement = this.$refs.myElement
    console.log(myElement)
  }
}

2. 使用 querySelector

在 mounted 钩子函数中使用 document.querySelector 方法来获取 DOM 元素。

组件代码：

export default {
  mounted() {
    const myElement = document.querySelector('#myElement')
    console.log(myElement)
  }
}

注意：使用 querySelector 方法需要在浏览器环境中运行，因此不能在服务端渲染期间使用。如果需要在服务端渲染期间获取 DOM 元素，可以考虑使用第一种方法。