Vue+Element-UI が From フォーム検証を実行するときに英語のプロンプトが表示される問題を解決する

注: このブログはブロガーによって一字一句書かれており、簡単ではありませんが、オリジナリティを尊重してください。

問題の説明

form フォームを使用する場合、フォーム フィールドが頻繁に検証されます。フィールドが必須の場合は、required 属性が追加されます。この時点では、 rules ルールを定義する場合、フォーム入力ボックスの入力データを削除する必要があり、それが空の場合は、英語の確認プロンプトが表示されます。

コードは以下のように表示されます:

<el-col :span="12">
  <el-form-item label="用户名" :required="true" prop="name">
    <el-input v-model="temp.name" placeholder="请输入用户名" autocomplete="off" style="width: 80%" />
  </el-form-item>
</el-col>

rules: {
    
    
  name: [{
    
     required: true, message: '请输入用户名！', trigger: 'blur' }],
}

解決

el-input要素に必須の属性を置くだけで問題は解決します

<el-col :span="12">
  <el-form-item label="用户名" prop="name">
    <el-input v-model="temp.name" placeholder="请输入用户名" :required="true" autocomplete="off" style="width: 80%" />
  </el-form-item>
</el-col>