Comments (11)
demo 优化了下,把公用变量show改为用item.active,解决多个button点击判断问题
有用!
from element-plus.
建议用 nextTick 或者 setTimeout 来执行 hanlleClose
from element-plus.
建议用 nextTick 或者 setTimeout 来执行 hanlleClose
nextTick 没用
from element-plus.
1、可以尝试使用popover的可控模式
2、有个东西叫短链接,相比codesandbox来说playground是一个更快捷的提供repo的方式
from element-plus.
请问解决了吗
from element-plus.
请问解决了吗
@zhuminghuan 只能使用 setTimeout
执行 handleClose 了 code here
或者说 @chenxch 就像这位说的不用 dropdown
组件 而用 popover
组件 @zhuminghuan
from element-plus.
1、可以尝试使用popover的可控模式 2、有个东西叫短链接,相比codesandbox来说playground是一个更快捷的提供repo的方式
1、那这个dropdown 的这个bug是因为什么导致的呢? 或者说你们认为这个问题是dropdown 的特性吗?
2、短链接很好,于是我要再去别的网站把我写的demo playground再生成一下
from element-plus.
1.基于你的demo修改了下,看看是否解决你的问题demo (这不是可以提交么)
2.并不是一定要你使用的开个短连接生成的网站在边上,你说太长github不让提交,那就缩短就好了;bug repo就是为了方便他人快速查看,相对于codesandbox要跑一个工程来说playground来说是更有优势的,不再讨论这个playground与codesandbox的问题了
from element-plus.
@chenxch
我们的业务是 只要 dropdown 在open 的时候 点了几个select 然后button是 active
的时候再点击 button 就 handleClose 而且 button 改为 !active
因为产品要的是 如果要取消 则全部清除, 而不是一个一个清除,所以在button是active的时候直接清除所有的状态
这里虽然可以使用 setTimeout
实现, 但是感觉不合理
2024-04-25.17-28-49.mp4
from element-plus.
from element-plus.
demo 优化了下,把公用变量show改为用item.active,解决多个button点击判断问题
from element-plus.
Related Issues (20)
- [Component] [select] el-select中, 无法回显value为空的option的label HOT 2
- [Component] [tour] CDN 下使用el-tour 会报错aria.ts:22 Uncaught (in promise) ReferenceError: process is not defined HOT 12
- [Style] [table] 表格内容溢出时,鼠标移入显示的tooltip背景色显示无效 HOT 3
- [Component] [input] input component: The clearable attribute is invalid HOT 1
- [Component] [date-picker, time-picker] DatePicker 选中值并隐藏下拉选项后,在先聚焦外部的情况下,再次点击页面其它地方会再次出现消失动画 HOT 2
- [Component] [table, table-column] table 多列合并后渲染了多余的数据 HOT 3
- [Component] [table, table-column] el-table内的show-overflow-tooltip属性,在windows的chrome浏览器内,会在文字没有溢出时,也会出现Tooltip 文字提示 HOT 2
- [Component] [tree-select] [Component] [TreeSelect ] TreeSelect 设置check-strictly="false后当子节点无children,子节点也可被选择 HOT 4
- [Component] [input-number] <el-input-number> 可以输入e 其他都输不了 HOT 2
- [Component] [color-picker] Cannot set class name of el-color-picker’s trigger
- [Component] [radio] radio无法被选中 HOT 16
- [Style] [dropdown] Dropdown 下拉菜单 HOT 6
- [slider] slider 组件会响应home和end的快捷键,我不想让他响应,我应该怎么做? HOT 11
- [Component] [tree-select] 开启 `allow-create` 时样式错乱 HOT 1
- [Component] [All] Failed to resolve component: el-button If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. HOT 1
- [Component] [select]: select 配置可清空功能,清空后值变成undefined,类型发生变化 HOT 8
- [Component] [row, col] 当横向渲染分辨率设置为767px时el-col组件布局失去响应式。
- [IDEA] more Types HOT 1
- [Feature Request] More types HOT 5
- [tree-select] el-tree-select HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from element-plus.