antdesignvue ref用法

在 ant-design-vue 中，我们可以使用 `ref` 属性引用组件实例，从而实现对组件的操作或访问组件的属性和方法。

例如，我们可以使用 `ref` 属性引用一个 `Input` 组件，并访问它的 `focus` 方法，以便在需要时将焦点设置到该输入框中。

<template>
  <a-input ref="myInput" />
  <a-button @click="focusInput">Focus Input</a-button>
</template>

<script>
export default {
  methods: {
    focusInput() {
      this.$refs.myInput.focus();
    },
  },
};
</script>

在上面的代码中，我们在 `Input` 组件上设置了 `ref="myInput"` 属性，这样我们就可以使用 `this.$refs.myInput` 访问该组件的实例。在 `focusInput` 方法中，我们调用了 `focus` 方法来将焦点设置到该输入框中。

总之，`ref` 属性是一个非常强大的工具，可以让我们在需要时访问到组件的实例，从而实现更多的自定义操作和功能。