Vue中常用的提示信息：

1、Message提示：

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二次确认提示：

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

3、notify提示：

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

Vue中常用的提示信息：相关推荐

vue验证整数_前端Vue中常用rules校验规则
前端Vue中常用rules校验规则 1.是否合法IP地址 export function validateIP(rule, value,callback) {if(value==''||value== ...
Vue中常用的8种v指令
Vue中常用的8种v指令根据官网的介绍,指令是带有 v- 前缀的特殊属性.通过指令来操作DOM元素指令功能 v-text="变量/表达式" 文本的设置字符串变量+数字可以 ...
sublime Text Vue中常用插件汇总说明
开发vue的常用插件 1.让vue文件高亮: 安装: Vue Syntax Highlight 2.让script里面的es6代码高亮: 安装:ecmascript syntax 安装:vuejs c ...
关于Vue中常用的工具函数封装
## Vue 项目中工具函数,我们通常会添加到Vue的原型中,这样就实现了全局函数 import Vue from 'vue' Vue.prototype.$tools = function (){} ...
关于Vue中常用指令总结
前言关于我们在使用vue相关的技术开发时,经常需要使用到的一些指令和函数,可能由于长时间而被遗忘,对此做一个总结,避免每次都需要利用搜索引擎,既耗时还得确认准确性. 指令 ①v-if,v-else ...
vue中常用的事件修饰符
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求.尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹 ...
前端Vue中常用rules校验规则(轮子)如电话身份证邮箱等校验
目录前言一.正则是什么? 二.造轮子三.轮子使用实例总结前言例如:随着前端的发展,很多功能都需要在前端填写时就先校验是否填写正确,则博主写了一些校验轮子供大家使用. 一.正则是什么? 正则 ...
Vue中常用的内置指令及自定义指令
内置指令 v-bind [单向数据绑定] [格式:v-bind:属性名="data中定义的属性"] [简写::属性名="data中定义的属性"] <div ...
Vue中常用的第三方库
stylus 一种css预处理器,可以更加直观的编写css代码,减少不必要的格式下载: npm install stylus 使用: 在style标签中加上 lang="stylus&qu ...

Vue中常用的提示信息：

1、Message提示：

2、confirm二次确认提示：

3、notify提示：

Vue中常用的提示信息：相关推荐

最新文章

热门文章