vue 3 ref获取elementui实例

在Vue 3中，可以使用ref来获取ElementUI组件的实例。要实现这个操作，我们需要使用Vue 3的Composition API。

首先，我们需要使用`ref`函数来创建一个ref引用对象。然后，我们可以将ElementUI组件的实例赋值给这个ref对象。下面是一个示例：

<template>
  <div>
    <el-button ref="myButton" type="primary">ElementUI按钮</el-button>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    // 创建一个ref引用对象
    const myButton = ref(null);

    onMounted(() => {
      // 在组件挂载完成后，将ElementUI按钮的实例赋值给ref对象
      myButton.value = document.querySelector('.el-button');
    });

    return {
      myButton
    };
  }
};
</script>

在上述示例中，我们通过`ref`函数创建了一个`myButton`的ref引用对象。在组件挂载完成后，我们使用`querySelector`来获取ElementUI按钮的实例，并将其赋值给`myButton`的值。

这样，我们就可以通过访问`myButton.value`来获取ElementUI按钮的实例了。你可以在组件的其他地方使用`myButton`来执行任意的ElementUI方法或操作。

需要注意的是，在使用ref获取ElementUI实例时，我们需要等到组件挂载完成后才能确保元素已经渲染完成，因此我们在`onMounted`钩子函数中进行相关操作。

这是使用Vue 3 `ref`来获取ElementUI组件实例的基本示例。希望对你有所帮助！