elementUI Dropdown 下拉菜单项点击回调失效的解决办法

976 阅读1分钟

Dropdown 组件点击回调失效的替代方法

//html
<el-dropdown trigger="click">
	  <span class="el-dropdown-link">
		下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
	  </span>
	  <el-dropdown-menu slot="dropdown">
          // 解决办法:在菜单项包裹一层div或view,绑定click事件,传入索引或者id,即可拿到对应的菜单项
		  <view @click="handleCommand(index)" class="" v-for="(item, index) in 5" :key="index">
				<el-dropdown-item>菜单项</el-dropdown-item>
		  </view>
	  </el-dropdown-menu>
</el-dropdown>

handleCommand(index) {
        console.log(index);
}

注:此处组件是在uniapp vue组件中使用