在vue项目中使用element-ui框架并且适配了移动端，但是el-dropdown需要二次点击才关闭

在vue项目中使用element-ui框架并且适配了移动端，但是el-dropdown需要二次点击才关闭
https://pic7.58cdn.com.cn/nowater/webim/big/n_v2d3dcf5175fbc48d9aea08decb832325c.png

• 你看下这篇博客吧, 应该有用👉 ：vue项目修改element-ui的el-dropdown的显示隐藏

你的 激活方式是 hover? 因为移动端没有 hover事件

不确定是否其他配置导致的两次，光从需求分析，你要点一次就触发关闭，那就在点击事件里面加个逻辑：就是关闭dropdown

1. html部分：加个ref,加个click
<el-dropdown ref="drop" @click="clickDropDown">
</el-dropdown>

2. 函数实现里面
clickDropDown () {
        this.$refs.drop.hide()
}