vue.js+elementのデフォルトのヒントは英語で操作します。
elementは中国語版をデフォルトとしていますが、英語のページを作っている時は自分で翻訳するのが嫌です。だから、elementで英語のカバンを持っています。これをページに紹介すればいいです。
具体的な導入方法はいろいろあります。ここで使ったものの一つを提供しています。参考としてだけ使います。
補足知識:element-uiグループ価格におけるフォームの検証提示は、バックグラウンドの提示情報とカスタムヒントを表示する。
私はこれをする時、一つは私に配っているページに二つのインターフェースがあります。だから、ヒントとしての情報はインターフェースのレスポンス.successによって提示されたのです。
html数:
dataに書いてあります
form-temにはerrorという属性があります。element UIを使ったばかりの子供靴は見落としやすいかもしれません。
具体的な導入方法はいろいろあります。ここで使ったものの一つを提供しています。参考としてだけ使います。
補足知識:element-uiグループ価格におけるフォームの検証提示は、バックグラウンドの提示情報とカスタムヒントを表示する。
私はこれをする時、一つは私に配っているページに二つのインターフェースがあります。だから、ヒントとしての情報はインターフェースのレスポンス.successによって提示されたのです。
html数:
<el-form :model="form" :rules="rules" ref="form" label-width="110px" autocomplete="false">
<el-form-item label=" " prop="name">
<el-input v-model="form.name" size="small" placeholder=" "></el-input>
</el-form-item>
</el-form>
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-temにはerrorという属性があります。element UIを使ったばかりの子供靴は見落としやすいかもしれません。
<el-form-item label=" " prop="name" :error="errorMsg">
<el-input v-model="form.name" size="small" placeholder=" "></el-input>
</el-form-item>
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はデフォルトで提示した英語操作は小編集で皆さんに提供したすべての内容です。参考にしていただければ幸いです。どうぞよろしくお願いします。