<script>
this.$confirm('这是数据(res.data)', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
cancelButtonClass: 'custom-cancel-button',//添加样式,将确认与取消按钮调换位置
type: 'warning',//设置弹框类型
showCancelButton: false, //是否显示取消按钮
showClose: false, //是否显示右上角的x
closeOnClickModal: true, //是否可以点击空白处关闭弹窗
})
.then(() => {
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
})
.catch(() => {
// this.$message({
// type: 'info',
// message: '已取消删除'
// });
});
</script>
<style>
//调整布局结构
.el-message-box__btns {
display: flex;
flex-direction: row-reverse;
}
//控制对齐
.custom-cancel-button {
margin-left: 10px;
}
</style>