this.$confirm()
时间: 2023-12-02 22:41:31 浏览: 152
elementUI vue this.$confirm 和el.docx
5星 · 资源好评率100%
this.$confirm()是一个Vue.js中的方法,用于显示一个确认对话框。该方法通常与UI库(如VUX、elementUI等)一起使用。当用户点击确认或取消按钮时,该方法将返回一个Promise对象,以便在需要时执行相应的操作。下面是两个使用this.$confirm()的例子:
1.在VUE+VUX中使用this.$vux.confirm.show()方法显示确认对话框:
```javascript
this.$vux.confirm.show({
title: '标题',
content: '内容',
onCancel() {
// 取消操作
let url = window.location.href
if (url.indexOf('isApp') > -1) {
_this.goNV({type: ''})
} else {
_this.$router.push('/home')
}
},
onConfirm() {
// 确认操作
_this.crushEggRequest(param)
}
})
```
2.在VUE+elementUI中使用this.$confirm()方法显示确认对话框:
```javascript
onStopClick(row: any) {
this.$confirm('确定停用该条消息吗 ?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
// 确认操作
this.requestSwitchStatus(row)
})
.catch(() => {
// 取消操作
})
}
```
阅读全文