this.$confirm()弹出框去掉取消按钮
时间: 2024-09-22 11:01:44 浏览: 82
在 Element UI 的 `this.$confirm()` 弹出确认对话框中,如果想要移除默认的“取消”按钮,你需要显式地禁用或省略掉 `confirm` 和 `cancel` 属性。`$confirm()` 方法接受一个配置对象作为参数,可以在这个对象中控制对话框的显示选项。
例如,你可以这样做:
```javascript
const confirmConfig = {
title: '提示',
message: '这将是一个无取消按钮的确认对话框',
confirmButtonText: '', // 不显示确认按钮
cancelButtonText: '', // 也不显示取消按钮
type: 'warning', // 自定义类型,这里选择警告对话框,实际项目中可能不需要
showCancelButton: false, // 显示取消按钮,默认是true,这里设置为false
callback: function (action) { // 如果你需要回调函数,这里处理动作
if (action === 'confirm') {
// 执行确认操作的逻辑
}
}
};
this.$confirm(confirmConfig).then(() => {
// 确认后的回调,这里也可以省略
}).catch(() => {
// 取消操作的回调,也可以省略
});
```
通过这种方式,对话框只保留了确认按钮,取消按钮被隐藏。
阅读全文