要素Ui：カルーセル - 現在のスライドを設定する方法

Question

カルーセルの使い方、具体的には現在のスライドの設定方法がわかりません。ここで

は、ここでのdoc of the component

である私はそれは方法のsetActiveItemは、コンポーネントにリンクされている事実に関連されるべきだと思うfiddle

<div id="app"> 

<button v-on:click="setActiveItem('first')">Go First</button> 
<button v-on:click="setActiveItem('second')">Go Second</button> 

<template> 
    <el-carousel indicator-position="none" autoplay='false'> 
     <el-carousel-item name ='first'> 
      <h3>First</h3> 
     </el-carousel-item> 
     <el-carousel-item name ='second'> 
     <h3>Second</h3> 
     </el-carousel-item> 
    </el-carousel> 
</template> 

ですが、私にはありませんそれを正しく呼び出す方法を知っている

Answer 1

あなたはsetActiveItemを以下のように、現在のスライドを変更するthis.$refs.carousel.setActiveItemにアクセスしますwhcih VUEのインスタンスは：

var Main = { 
    methods: { 
     setActiveItem(index) { 
     this.$refs.carousel.setActiveItem(index); 
     } 
    } 
    } 

fiddle作業ご覧ください。