elementUI中的 “this.$confirm“ 基本用法,“this.$confirm“ 调换 “确认“、“取消“ 按钮的位置
this.$confirm
是 Element UI 中的一个方法,用于展示确认对话框,基本用法如下:
this.$confirm('确认执行此操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// 确认执行的操作
this.$message({
type: 'success',
message: '操作成功!'
});
}).catch(() => {
// 取消操作
this.$message({
type: 'info',
message: '已取消操作'
});
});
如果要调换“确认”和“取消”按钮的位置,可以使用buttons
属性,Element UI 2.6+版本支持:
this.$confirm('确认执行此操作?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
buttons: ['cancel', 'confirm'] // 调换按钮位置
}).then(() => {
// 确认执行的操作
}).catch(() => {
// 取消操作
});
请确保你的项目中已经安装并正确引入了 Element UI,并且在 Vue 实例中正确使用了 Element UI。
评论已关闭