VUEは、写真がイベント無効ソリューションをクリックしてクローニング、カルーセルプラグインカルーセル図を使用しました

1 <DIV CLASS = "学生・ボックス" @ = "clickSwiper"をクリック>
 2  // 将点击事件绑定在父元素上
3              < カルーセル
 4                項目= "5"：
 5                ：自動再生= "true"を
 6                ：NAV =を"真の"
 7                ：マージン= "20"
 8                ：ループ= "true"を
 9                ：autoplayTimeout = "3000"
 10                ：autoplayHoverPause = "真"
 11              >
 12                <DIV V- ための "メンバーで（項目、インデックス）" =キー=「インデックス」
クラス= "リスト項目"> 13                  <div>の
14                    <IMG：SRC = "item.image"クラス= "リスト-IMG"：データのitemId = "item.id" /> 15                  </ divの>
 16                  <DIV CLASS = "リストのタイトル"：データのitemId = "item.id"> {{item.title}} </ div>
 17                </ div>
 18              </カルーセル>
 19            </ div>

イベントによって要素に結合する必要性をクリックして：データ - 質量参加

1  clickSwiper（E）{
 2        にconsole.log（E）;
3        であれば（e.target.dataset.itemid）{
 4          LETのID = のparseInt（e.target.dataset.itemid）。
5          // 取到参数
6        }
 7      }

e.target.datasetパラメータを考慮することによって（e.target.datasetが小文字であることに注意してください）