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
- jQuery 點選按鈕改變可用狀態和顯示文字jQuery
- VOL表格動態新增操作按鈕及彈窗確認方法
- layUI layer彈框按鈕 : 確認,取消,關閉事件UI事件
- Jquery實現的Switch開關按鈕(仿iOS開關)jQueryiOS
- javascript動態改變單選按鈕radio的選中狀態JavaScript
- Android 自定義實現switch開關按鈕Android
- jquery實現的點選按鈕改變可用狀態和顯示文字程式碼jQuery
- Android 自定義Switch開關按鈕的樣式Android
- 語音交友app開發,點選按鈕出現彈窗的實現方式APP
- switch button 待完善,做出一個合理的開關按鈕
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- VB.net MessageBox彈出的確認對話方塊點選確定按鈕
- 點選按鈕實現狀態切換效果
- jquery實現的按鈕點選後60秒後才能夠再點選jQuery
- 專案分享八:基於按鈕點選事件的彈窗事件
- Qt實現一個支援QSS的Switch Button(開關按鈕)QT
- element-ui的日期選擇框底部清空按鈕點選不關閉日期選擇框的實現辦法UI
- 點選按鈕之後將其設定為不可用狀態
- CSS開關按鈕三例CSS
- JavaScript點選按鈕彈出層效果JavaScript
- 點選連結<a>彈出確認視窗程式碼例項
- js實現的點選彈出確認視窗程式碼JS
- vue-button設定按鈕是否可點選狀態Vue
- Element原始碼分析系列9-Switch(開關)原始碼
- FairyGui--實現點選按鈕使UI欄開啟和收起AIGUI
- 點選瀏覽器後退按鈕時彈出提示資訊瀏覽器
- php短視訊系統,點選按鈕開啟wifi或者關閉wifiPHPWiFi
- 點選按鈕彈出一個居中div
- 關於showModalDialog()對話方塊點選按鈕彈出新頁面的問題
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- javascript開關按鈕程式碼例項JavaScript
- 窗體(文字框,按鈕,單選按鈕,標籤)
- 彈出視窗螢幕(screen)實現關閉右上角的關閉按鈕事件(轉)事件
- 為element-ui的Select和Cascader新增彈層底部操作按鈕UI
- MUI – IOS系統,相簿選擇照片後,點選確定按鈕無反應UIiOS
- CSS3 checkbox開關按鈕效果CSSS3
- 帶燈LED按鈕開關接線方法