swiper怎么添加点击事件

<template>  
    <view>  

        <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular="true" indicator-color="#fff"  
         indicator-active-color="red" @tap="itemClick">  
            <swiper-item class="swiper-item" v-for="item in itemList" :key="item" v-bind:id="item">  
                <view class="swiper-item">{{item}}</view>  
            </swiper-item>  
        </swiper>  
    </view>  
</template>  

<script>  
    export default {  
        props: {  
            itemList: {  
                type: Array,  
                required: true  
            }  
        },  
        data() {  
            return {  
                indicatorDots: false,  
                autoplay: true,  
                interval: 5000,  
                duration: 1000  
            }  
        },  
        methods: {  
            itemClick: function(e) {  
                console.log(e);  
                this.$emit("itemClick", "item");  
            }  
        }  
    }  
</script>  

<style>  
    .swiper-item {  
        display: block;  
        height: 300upx;  
        line-height: 300upx;  
        text-align: center;  
        background: #eee;  
    }  
</style>  

上述能够响应点击事件，但是无法获取点了哪个，能否在<view class="swiper-item">{{item}}</view>里面进行点击处理，添加了但是没响应！！！