原文:el-button 点击后依然处于聚焦状态导致的问题

前言 今天在做一个电子扫码枪的时候,遇到了弹窗关不掉的问题.... 场景描述 弹窗 已经在页面上打开,在弹窗 点击某个按钮,会弹出另外一个扫码弹窗 ,当扫码枪读取完数据后,会自动触发关闭扫码弹窗 , 可是就在这个时候,弹窗 却怎么都关不掉了,关闭后又被触发打开了,刚开始一直找不到原因,尝试改了很多都没生效,最后才知道是弹窗 的el button点击后 焦点一直在上面,关闭弹窗 后,又触发了一次焦点 ...

2022-03-24 10:46 0 1620 推荐指数:

查看详情

改变el-button的样式

element-ui为我们提供了几种颜色的按钮,只需要设置 type属性就可以达到对应效果 如果我们想要更多颜色的按钮可以设置以下样式 ...

Thu Feb 10 00:38:00 CST 2022 1 3471
element-ui el-button 按钮点击水波纹效果

需求:在移动端端待办列表。 当用户点击跳转待办详情时,可以看到用户点击那一条数据。 CSS .waves-ripple { position: absolute; border-radius: 100 ...

Wed Aug 12 01:14:00 CST 2020 0 1169
[element-ui] 点击完之后不自动失焦el-button

el-button点击之后不自动失焦,需要手动失焦 点击button的时候,如果点击到文字(即span)上,这个时候ev.target是span标签,这个时候是没法直接触发其父节点button的blur方法的,也就没法强制button失去焦点。所以需要判断点击的是span ...

Mon Jun 14 08:59:00 CST 2021 0 2102
使用 element-UI 的 el-button 时,通过点击事件获取标签内部的值

如果想要通过点击事件 get_val 获取 22 这个数字,在函数内部要做一个判断。 因为有 icon 参数的 el-button,在网页上生成的 button 标签内会有一个 i 标签和一个 span 标签。 用鼠标点击时,点在数字上,是 span 标签;点在图标上,是 i 标签;点在图标 ...

Fri Mar 04 03:47:00 CST 2022 0 1276
el-button的margin属性失效

对<el-button>标签设置margin属性时,总会被.el-button类的margin:0 覆盖 导致设置无效 解决:1.可以给el-button嵌套一个块级标签div 对div设置margin,曲线救国 2.margin: 20px ...

Sat Aug 22 20:49:00 CST 2020 0 612
el-button autofocus 无效(解决办法)

<el-button type="primary" autofocus="true" v-focus round plain>日常检查</el-button> 上面的方法就可以达到我开始想要的效果 ( v-focus ) ...

Wed May 12 18:30:00 CST 2021 0 2026
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM