如果作为全局配置对象导入，如何从 element-ui 获取一个组件（旋转木马）？

Question

您好，我在项目中包含了 element-ui。

在app.js中：

import Element from 'element-ui'

及之后：

Vue.use(Element, {locale})

所以在我的单文件组件模板中，我可以像这样使用轮播：（在这个组件中不是通过 vue 的任何初始化轮播，如导入，父级等等...）

<el-carousel>
  <el-carousel-item>
    <p>hello!</p>
  </el-carousel-item>
</el-carousel>

它有效……但是。我怎样才能访问这个元素？查看实际的幻灯片，使用事件等等....?

我在类似这样的组件中尝试过：

import { Carousel } from 'element-ui';

并添加到组件列表...它有效，但它是此 class...

的另一个实例

那么我如何才能从 DOM 获取轮播的真实实例？

Answer 1

简单。通过 ref 属性引用元素，如下所示：

<el-carousel ref="myreference"></el-carousel>

并在此访问之后：

console.log(this.$refs.myreference);