elementplus的ref

Element Plus是基于Element UI的开源UI库，它对原生组件进行了优化和扩展。在Element Plus中，`ref`的概念与Vue的核心API保持一致。当你需要获取或操作DOM元素或者自定义组件实例时，可以使用`ref`。

例如，你可以这样创建一个针对ElButton（Element Plus的按钮组件）的ref：

<template>
  <el-button ref="myButton">Click Me</el-button>
</template>

<script>
import { defineComponent, ref } from 'vue';
import ElButton from '@element-plus/button';

export default defineComponent({
  components: {
    ElButton,
  },
  setup() {
    const myButtonRef = ref(null);

    // 使用ref
    function handleClick() {
      if (myButtonRef.value) {
        myButtonRef.value.click(); // 调用按钮点击事件
      }
    }

    return { myButtonRef, handleClick };
  },
});

在这里，`myButtonRef`就是一个`ref`，当`button`加载完成后，其值就会被设置为该按钮的DOM元素或组件实例。你可以通过`myButtonRef.value`来操作这个元素或实例。