Vue使用ElementUI的el-dropdown点击事件问题

el-dropdown介绍

el-dropdown是ElementUI提供的响应式的实现下拉菜单的功能组件。详细用法可见官方说明文档：https://element.eleme.cn/#/zh-CN/component/dropdown

问题重述

我在实现下拉菜单的时候，在el-dropdown-item添加点击事件发现定义的事件无法被正常触发。
下面是我的代码：

<el-dropdown>
	<span class="el-dropdown-link">
		{
  {value1}}<i class="el-icon-arrow-down el-icon--right"></i>
    </span>
    <el-dropdown-menu  slot="dropdown">
    	<el-dropdown-item  v-for="(item) in option1" :key="item.value" @click="changeValue1(item.label)">
        	<span> {
  { item.label }}</span>
        </el-dropdown-item>
    </el-dropdown-menu>
</el-dropdown>
            


<script>
export default {
name: "top"