vue获取DOM元素

1.通过ref对该元素进行注册
2.通过this.$refs.注册名称进行引用

<template>
  <div class="aiqi">
    <!-- 对元素进行注册 -->
    <div ref="text">{{ aiqi }}</div>
    <button @click="before">before</button>
    <button @click="after">after</button>
  </div>

</template>

<script>
export default {
  data() {
    return {
      aiqi: 'aiqi1'
    }
  },
  methods: {
    before() {
      console.log(this.$refs.text.innerText) // 引用DOM元素并打印元素的文本内容 打印aiqi1
    },
    after() {
      this.aiqi = 'aiqi2'
      console.log(this.$refs.text.innerText) // 引用DOM元素并打印元素的文本内容 aiqi1
      this.$nextTick(function() {
        console.log(this.$refs.text.innerText) // 引用DOM元素并打印元素的文本内容 打印aiqi2
      })
    }
  }
}
</script>

<style>

</style>