search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.1k stars 14.64k forks source link

[bug report] El submenu drop-down menu sub item the mobile terminal needs to click twice to hide the drop-down menu layer #19668

Open DickyNet opened 4 years ago

DickyNet commented 4 years ago

Element UI version

2.13.2

OS/Browsers version

ios/andriod wechat or qq browser safri

Vue version

2.5.20

Reproduction Link

https://codepen.io/dickynet/pen/qBbqQRJ?editable=true%3Dhttps%3A%2F%2Felement.eleme.cn%2F

Steps to reproduce

点击我的工作台中的任何一个下拉菜单项目

What is Expected?

点击菜单项后隐藏下拉层

What is actually happening?

第一次点击菜单项不隐藏，需要第二次点击才隐藏。

element-bot commented 4 years ago

Translation of this issue:

Element UI version

2.13.2

OS/Browsers version

ios/andriod wechat or qq browser safri

Vue version

2.5.20

Reproduction Link

https://codepen.io/dickynet/pen/qBbqQRJ?editable=true%3Dhttps%3A%2F%2Felement.eleme.cn%2F

Steps to reproduce

Click on any drop-down menu item in my workbench

What is Expected?

Hide the drop-down layer after clicking the menu item

What is actually happening?

The menu item is not hidden after the first click. It needs to be hidden after the second click.

Kellercai commented 4 years ago

该组件库不对移动端适配的

DickyNet commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

Kellercai commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

我也是使用者之一，element-ui很多地方都没有做到兼容移动端的。你的问题可以通过menu下拉激活之后使用select方法来进行收起菜单。

xlz26296 commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

服了，把一个PC的UI库用在移动端，也是个牛人，想不通是什么样的项目允许这种用法，估计你只能自求多福了哈

DickyNet commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

服了，把一个PC的UI库用在移动端，也是个牛人，想不通是什么样的项目允许这种用法，估计你只能自求多福了哈 elementui绝大部分是可以自适应 手机端的 只需要稍微调整下宽度什么的就够了，难道你们的不是吗？

xlz26296 commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

服了，把一个PC的UI库用在移动端，也是个牛人，想不通是什么样的项目允许这种用法，估计你只能自求多福了哈 elementui绝大部分是可以自适应 手机端的 只需要稍微调整下宽度什么的就够了，难道你们的不是吗？

和自适应没啥关系，移动端的交互方式和PC端是完全不一样的方式，能混在一起用你应该是搞后台的吧

DickyNet commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

服了，把一个PC的UI库用在移动端，也是个牛人，想不通是什么样的项目允许这种用法，估计你只能自求多福了哈 elementui绝大部分是可以自适应 手机端的 只需要稍微调整下宽度什么的就够了，难道你们的不是吗？

和自适应没啥关系，移动端的交互方式和PC端是完全不一样的方式，能混在一起用你应该是搞后台的吧

前后台都搞，对我来说，elementui这个布局 完全能满足移动端需求，没什么不可以

DickyNet commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

我也是使用者之一，element-ui很多地方都没有做到兼容移动端的。你的问题可以通过menu下拉激活之后使用select方法来进行收起菜单。

具体怎么做？能不能麻烦指教下呢？

xlz26296 commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

服了，把一个PC的UI库用在移动端，也是个牛人，想不通是什么样的项目允许这种用法，估计你只能自求多福了哈 elementui绝大部分是可以自适应 手机端的 只需要稍微调整下宽度什么的就够了，难道你们的不是吗？

和自适应没啥关系，移动端的交互方式和PC端是完全不一样的方式，能混在一起用你应该是搞后台的吧

前后台都搞，对我来说，elementui这个布局 完全能满足移动端需求，没什么不可以

那就对了，只有后台的人才会有这种想法哈，一般后台的开发就会想着写一份前端代码就能自适应移动端和PC端，最终玩不下去的时候才会去考虑补坑 哈，精神上支持你😆

DickyNet commented 4 years ago

该组件库不对移动端适配 但是大部分布局在移动端都没问题啊 就这个小问题 可以改进下嘛

服了，把一个PC的UI库用在移动端，也是个牛人，想不通是什么样的项目允许这种用法，估计你只能自求多福了哈 elementui绝大部分是可以自适应 手机端的 只需要稍微调整下宽度什么的就够了，难道你们的不是吗？

和自适应没啥关系，移动端的交互方式和PC端是完全不一样的方式，能混在一起用你应该是搞后台的吧

前后台都搞，对我来说，elementui这个布局 完全能满足移动端需求，没什么不可以

那就对了，只有后台的人才会有这种想法哈，一般后台的开发就会想着写一份前端代码就能自适应移动端和PC端，最终玩不下去的时候才会去考虑补坑 哈，精神上支持你😆

并不是每个项目都严格要求手机pc完全独立的 ，何必那么纠结呢？

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

JonZhang3 commented 2 years ago

@DickyNet 设置 menu-trigger 属性，判断是否是移动端，是设置为 click ，否设置为hover