原文: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