Vue中常用的提示信息

2023-05-02 14:30:41 浏览数 (1)

参考:Vue中常用的提示信息

1. Message提示:

代码语言:javascript复制
this.$message.warnging('请......')  // 警告(提示)信息
this.$message.success('......成功')  // ....成功信息
this.$message.error('......失败')  // .....失败信息
this.$message.info('......')  // 提示信息

this.$message({
	title:'成功',
	message:'...成功',
	type:'seccess',
	duration:2000
})
type的类型:success/warning/info/error	

例如:
	更新数据、搜索数据、添加数据、删除成功

2. confirm二次确认提示:

代码语言:javascript复制
this.$confirm('是否删除' , '提示' , {
	confirmButtonText:'确认',
	cancelButtonText:'取消',
	type:'warning'
}).then(()=>{
	.....删除或确认修改的方法(多用于确认删除操作,减少失误操作)
})

3. notify提示:

代码语言:javascript复制
this.$notify({
	title:'成功',
	message:'...成功',
	type:'seccess',
	duration:2000
})
type的类型:success/warning/info/error	

0 人点赞