element ui switch開關 點選按鈕後,彈窗確認再改變開關狀態
<el-switch
v-model="autoUpdate"
active-color="#5eb058"
inactive-color="#cccccc"
disabled
@click.native="handelUpdate(autoUpdate)">
</el-switch>
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
cursor: pointer;
}
// 點選開啟開關
handelUpdate (autoUpdate) {
let strOpen = '是否確認開啟開關。'
let strClose = '是否確認關閉開關。'
if (!autoUpdate) {
// 彈窗詢問,這個是封裝過的element ui 彈窗
this.wConfirmTip('開啟開關', strOpen, () => {
this.autoUpdate = true
})
} else {
this.wConfirmTip('關閉開關', strClose, () => {
this.autoUpdate = false
})
}
},
前面直接貼程式碼了。
需求:點選開關,根據開啟或者關閉轉態,彈出彈窗詢問是否開啟/關閉,點選確認開啟後開關顯示成為開啟狀態樣式。
相關文章
- element ui 解除禁用按鈕狀態UI
- VOL表格動態新增操作按鈕及彈窗確認方法
- layUI layer彈框按鈕 : 確認,取消,關閉事件UI事件
- Jquery實現的Switch開關按鈕(仿iOS開關)jQueryiOS
- VB.net MessageBox彈出的確認對話方塊點選確定按鈕
- 語音交友app開發,點選按鈕出現彈窗的實現方式APP
- switch button 待完善,做出一個合理的開關按鈕
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- Qt實現一個支援QSS的Switch Button(開關按鈕)QT
- element-ui的日期選擇框底部清空按鈕點選不關閉日期選擇框的實現辦法UI
- CSS開關按鈕三例CSS
- JavaScript點選按鈕彈出層效果JavaScript
- 關於showModalDialog()對話方塊點選按鈕彈出新頁面的問題
- vue-button設定按鈕是否可點選狀態Vue
- FairyGui--實現點選按鈕使UI欄開啟和收起AIGUI
- php短視訊系統,點選按鈕開啟wifi或者關閉wifiPHPWiFi
- Qt QTtoolButton 滑鼠移動到按鈕上時,彈出選單後,按鈕的hover狀態無法恢復的問題QT
- Element原始碼分析系列9-Switch(開關)原始碼
- 為element-ui的Select和Cascader新增彈層底部操作按鈕UI
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- CSS3 checkbox開關按鈕效果CSSS3
- 如何禁用控制檯視窗的關閉按鈕?
- Qt自定義開關按鈕控制元件QT控制元件
- 帶燈LED按鈕開關接線方法
- CSS3滑動開關按鈕效果CSSS3
- Android開發 如何使用選擇器(selector) 來實現點選按鈕變色Android
- MUI – IOS系統,相簿選擇照片後,點選確定按鈕無反應UIiOS
- 選中按鈕改變文字大小和顏色
- 關於 Element-ui Dialog 引用時,在彈窗上 mousedown 後再在遮罩層 mouseup 引發的意外彈窗關閉問題的處理方案UI遮罩
- 使用 ATX 判斷單選框選中狀態、開關狀態、圖示型別型別
- 每日CSS_仿蘋果平滑開關按鈕CSS蘋果
- 移動端模擬hover:按鈕點選變色之後還原
- fastadmin新增自定義按鈕,並使用彈窗功能AST
- Laravel-admin grid 自定義按鈕並彈出模態框再次進行確認(基礎使用)Laravel
- 點選刪除按鈕彈出是否刪除提示框
- 刪除按鈕點選後的虛線輪廓
- Android 點選按鈕跳轉Android
- JavaScript 點選按鈕返回底部JavaScript