2024年4月16日发(作者：)

el-select中ref的用法

在 中，`ref` 是一个用于给组件或 DOM 元素添加引用的特殊属性。通过 `ref`，你可

以在父组件中直接访问子组件或 DOM 元素的实例。对于 Element UI 中的 `el-select` 组件，

你可以使用 `ref` 来获取对该组件的引用，以便在父组件中操作该 `el-select` 实例。

以下是一个简单的例子，演示如何在 `el-select` 中使用 `ref`：

```html

```

在上述例子中，`` 中使用了 `ref` 给 `el-select` 添加了引用，名称

为 "mySelect"。然后，通过 `this.$ct` 可以在父组件中获取到该 `el-select` 的实

例。在 `handleButtonClick` 方法中，我们演示了如何通过引用获取 `el-select` 的选中值。

注意：在实际开发中，确保在获取引用之前元素已经被渲染到 DOM 中。可以通过 Vue 的

生命周期钩子函数如 `mounted` 来确保引用已经生效。