ref vue在选项式中的使用
在选项式语法中,通过 ref 引用 DOM 元素时,Vue 自动为你提供 $refs 对象来访问 DOM 元素。<template>
  <div>
    <input ref="inputRef" type="text" placeholder="请输入内容" />
    <button @click="focusInput">聚焦输入框</button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    focusInput() {
      this.$refs.inputRef.focus(); // 使用 $refs 引用 DOM 元素
    },
  },
};
</script>