一、this.$alert
参数:
1. 提示框的内容
2. 提示框的标题
3. confirmButtonText是按钮的名称
4. 点击确定后的回调函数
this.$alert(res.msg, "温馨提示", {
confirmButtonText: "确定",
callback: action => {
this.$router.go(0);
}
});
二、this.$confirm
参数:
1. 提示框的内容
2. 提示框的标题
3. confirmButtonText是确认按钮的名称
4. cancelButtonText是取消按钮的名称文章来源:https://www.toymoban.com/news/detail-485422.html
5. type是消息类型,可以为success
,error
,info
和warning
文章来源地址https://www.toymoban.com/news/detail-485422.html
this.$confirm(res.data, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
showCancelButton: false, //是否显示取消按钮
showClose: false, //是否显示右上角的x
closeOnClickModal: true, //是否可以点击空白处关闭弹窗
})
.then(() => {
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
})
.catch(() => {
// this.$message({
// type: 'info',
// message: '已取消删除'
// });
});
到了这里,关于【vue】this.$alert、this.$confirm的简单使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!