在vue项目中使用元素实现提示中英文 - 行业资讯 - 肥雀云

　　介绍

今天就跟大家聊聊有关在vue项目中使用元素实现提示中英文,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

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

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

<强> element-ui组价中表单的验证提示显示后台的提示信息及自定义提示

我在做这个的时候一个是分给我的那个页面是有两个接口的,所以提示信息就是根据接口的反应。成功提示写一个提示语“XX已存在“如下:

<强> html: ,# 8203;

& lt; el-form:模型=癴orm":规则=皉ules"ref=癴orm"label-width=?10 px"自动完成=癴alse"比; 　　& lt; el-form-item标签=吧袒啤爸С?皀ame"比; 　　& lt; el-input v模型=癴orm.name"大?皊mall"占位符=扒胧淙肷袒啤白４? lt;/el-input> 　　& lt;/el-form-item> 　　& lt;/el-form>

<强> js:

写在数据里面,# 8203;

 var judgeName=(规则,价值,回调)=祝辞{
　　如果(validateNull(值)){
　　返回回调(新的错误(“请输入商户名称“));
　　
　　其他}{
　　
　　repetitionName (this.form.id this.form.name)(响应=比;{
　　如果(response.success) {
　　如果(response.data) {
　　返回回调(新的错误(“商户名称已存在“));
　　其他}{
　　回调();
　　}
　　
　　其他}{
　　回调();
　　}
　　
　　});
　　}
　　}

<>强规则

规则:{
　　名称:[
　　{
　　要求:没错,
　　验证器:judgeName,
　　触发:“blur"
　　}
　　]
　　}

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

表单项里有个错误的属性,刚用elementUI的童鞋可能很容易忽略

在vue项目中使用元素实现提示中英文

& lt; el-form-item标签=吧袒啤爸С?皀ame":错误=癳rrorMsg"比; 　　& lt; el-input v模型=癴orm.name"大?皊mall"占位符=扒胧淙肷袒啤白４? lt;/el-input> 　　& lt;/el-form-item>

误差要在数据里面定义一下不然会报错

channelAdd (this.form)。(反应=比;{ 　　如果(response.success) {//成功的结果　　美元。消息({ 　　信息:response.message, 　　类型:“success", 　　持续时间:2000 　　}); 　　其他}{//错误信息　　这一点。errorMsg=response.message 　　} 　　});

看完上述内容,你们对在vue项目中使用元素实现提示中英文有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。