element 验证出现英文_vue.js+element 默认提示中英文操作

element默认中文版，但是我们在做英文页面时自己翻译很不爽，所以我们用element自带英文包，只要在html页面中引入就可以了，

具体引入方法有很多种，在此提供了我用过的一种，仅作为参考使用：

补充知识：element-ui组价中表单的验证提示显示后台的提示信息及自定义提示

我在做这个的时候一个是分给我的那个页面是有两个接口的，所以提示信息就是根据接口的response.success 提示写一个提示语“XX已存在”如下：

html:

js:

写在data里面

var judgeName = (rule, value, callback) =>{

if(validateNull(value)){

return callback(new Error("请输入商户名称"));

}else{

repetitionName(this.form.id,this.form.name).then(response => {

if(response.success) {

if(response.data){

return callback(new Error("商户名称已存在"));

}else{

callback();

}

} else {

callback();

}

});

}

rules

rules: {

name: [

{

required: true,

validator: judgeName,

trigger: "blur"

}

]

}

2:就是显示后台的提示信息

form-item里有个error的属性，刚用elementUI的童鞋可能很容易忽略

error要在data里面定义一下不然会报错

channelAdd(this.form).then(response => {

if (response.success) {

//成功的结果

this.$message({

message: response.message,

type: "success",

duration: 2000

});

} else {

//错误信息

this.errorMsg = response.message

}

});

以上这篇vue.js+element 默认提示中英文操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

本文标题: vue.js+element 默认提示中英文操作

本文地址: http://www.cppcns.com/wangluo/javascript/363368.html

element 验证出现英文_vue.js+element 默认提示中英文操作相关推荐

element 验证出现英文_Element-ui中自动验证问题的解决
Element-ui中的el-form组件自带了验证功能,方便了我们的开发.然而,在开发中经常会遇到一些莫名其妙的问题,比如表单一出来就触发了验证.验证提示出现英文等等.通过查看源代码的方式,我终于找 ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
HTML5中将中文表单验证默认提示语句改为英文！
js代码: function checkEmail(){var email=document.getElementById("eject_email");if(email.valu ...
Vue+JS+Element UI实战（电商项目1)
目录 1.电商业务概述 2.电商后台管理系统的功能 3.项目初始化步骤 4.后台项目的环境安装配置 4.1. API V1 接口说明 4.2. 支持的请求方法 4.3. 通用返回状态说明 5.测试后 ...
vue下拉框值改变事件_vue和element ui 下拉框select的change事件
1 在线编辑测试工具编辑好代码后点击 run 即可 2 vue原生写法 2.1 html部分新增空 {{ drug.name }} 刪除尚未新增任何資料總金額:{{ totalMoney } ...
Vue.js Element入门
作者 QQ群:852283276 微信:arm80x86 微信公众号:青儿创客基地 B站:主页 https://space.bilibili.com/208826118 参考 Element中文官网 ...
梦魇java_[Java教程]魔鬼的梦魇—验证IE中的JS内存泄露模式(一)
[Java教程]魔鬼的梦魇-验证IE中的JS内存泄露模式(一) 0 2012-05-08 07:00:04 随着移动互联网的发展,现在越来越多的应用开始想bs方向转移,原来很多复杂的计算逻辑也自然随着 ...
验证插件——jquery.validate.js
下载地址:http://download.csdn.net/download/s592652578/9457421 教程:http://www.runoob.com/jquery/jquery-plu ...
element UI表格绑定动态数据与selection复选操作
element UI表格绑定动态数据与selection复选操作的坑案例介绍:此案例是要求完成对客户的批量删除功能,因为客户有多条数据所以要结合分页组件来实现,并且批量删除按钮默认是禁用的,当有数据 ...

element 验证出现英文_vue.js+element 默认提示中英文操作

element 验证出现英文_vue.js+element 默认提示中英文操作相关推荐

最新文章

热门文章