一、alert弹窗
窗口中只能进行"确认"按钮操作
this.$alert(
"提示信息",
"提示",
{
confirmButtonText: "确定",
callback: (action) => {
}
}
)
二、confirm弹窗
窗口中能进行"确认"和"取消"按钮操作
this.$confirm('提示信息?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
点击确定按钮,调用then方法指定的内容,点击取消按钮,调用catch方法指定的内容;
如果then中的方法在运行过程中抛出错误,也会被catch方法捕获。
三、prompt弹窗
窗口中能进行"确认"和"取消"按钮操作,并有输入框可输入文本
提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 “”。
与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框 。
例如:var theResponse = window.prompt(“欢迎?”,“请在此输入您的姓名。”);