element ui点击事件不生效

@click这样是不生效

@click.native

      < el-dropdown>

            < span class= "el-dropdown-link">

              下拉菜单< i class= "el-icon-arrow-down el-icon--right"></ i>

            </ span>

        < el-dropdown-menu slot= "dropdown">

        < el-dropdown-item v-for="(item, index) in options" :key="index" @click=" getcity(item.name)">

                {{item.name}}

        </ el-dropdown-item>

        </ el-dropdown-menu>

     </ el-dropdown>

data () {

    return {

        pageindex: "5-2",

        options:[

            {

                name: '北京',id: '1'

            },

            {

                name: '上海',id: '2'

            },

            {

                name: '杭州',id: '3'

            },

         ]

        };

        methods: {

            getcity( city){

                alert(city)

                }

         }

    把@click换成@click.native这样就可以了

     < el-dropdown>

            < span class= "el-dropdown-link">

            下拉菜单< i class= "el-icon-arrow-down el-icon--right"></ i>

            </ span>

        < el-dropdown-menu slot= "dropdown">

        < el-dropdown-item v-for="(item, index) in options" :key="index"

                @click.native=" getcity(item.name)">{{item.name}}</ el-dropdown-item>

        </ el-dropdown-menu>

     </ el-dropdown>