ele表单未输入值提示为英文

  • 在Vue.js项目中‌(如使用Element UI组件库):

  • main.js

    • 通过引入中文语言包并注册,实现组件文本的中文显示。例如:

      javascript 复制代码
      import zhLocale from 'element-ui/lib/locale/lang/zh-CN';
      // 配置i18n插件时,将zhLocale作为中文语言资源
      
      Vue.use(Element, {
        locale: zhLocale,
        size: 'small' // set element-ui default size
      });    

把对应的事件改成change

html 复制代码
 <CustomDialog :title="dialogTitle" v-model="dialogVisible" width="40%" :before-close="handleDialogClose" :close-on-click-modal="false" @close="dialogVisible = false">
      <el-form :model="dialogForm" :rules="rules" ref="dialogForm" label-width="80px" label-position="left" v-loading="dialogLoading">
        <el-form-item label="打分" prop="score" required>
          <el-input v-model.number="dialogForm.score" type="number" :min="0" :max="100" placeholder="请输入分数" style="width: 200px" @blur="handleScoreBlur"></el-input>
        </el-form-item>

        <el-form-item label="附件" prop="attachmentUrl" required>
          <div>
            <!-- <div v-if="dialogForm.attachmentUrl" style="margin-bottom: 10px"> -->
            <div style="margin-bottom: 10px">
              <a :href="dialogForm.attachmentUrl" target="_blank" style="color: #409eff">{{ decodeURIComponent(dialogForm.attachmentName) }}</a>
            </div>
            <BaseUpload :fileList="fileList" :limit="1" acceptTypes="file" @handleSuccess="handleUploadSuccess" @handleRemove="handleUploadRemove"></BaseUpload>
          </div>
        </el-form-item>
        <el-form-item label="等级" v-if="dialogForm.score">
          <span style="color: gray">{{ dialogForm.starRating ? dialogForm.starRating : '' }}</span>
        </el-form-item>
        <el-form-item label="占比" v-if="dialogForm.score">
          <span style="color: gray">{{ dialogForm.pbProp ? dialogForm.pbProp + '%' : '' }}</span>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button @click="handleDialogClose">取 消</el-button>
        <el-button type="primary" @click="submitForm">确 定</el-button>
      </div>
    </CustomDialog>

//把blure改成change 英文提示不会复现

javascript 复制代码
 rules: {
          score: [
            { required: true, message: '请输入分数', trigger: 'change' }, //把blure改成change 英文提示不会复现
            { type: 'number', min: 0, max: 100, message: '分数范围为0-100', trigger: 'blur' }
          ],
          attachmentUrl: [{ required: true, message: '请上传附件', trigger: 'change' }]
        },
相关推荐
kyriewen2 小时前
我扒了 GPT-5.6 的全部编程跑分——有一项 OpenAI 没敢放出来
前端·gpt·ai编程
前端H2 小时前
微前端 v3 架构升级:从加载隔离到状态协同
前端·架构·状态模式
陆枫Larry3 小时前
小程序包体积优化:用 SVG 图片替换 iconfont,并保留 CSS 控色能力
前端
环境栈笔记5 小时前
多账号浏览器选型检查清单:Profile、权限、Session 和任务日志怎么评估
前端·人工智能·后端·自动化
前端炒粉5 小时前
手写promise
java·前端·javascript
LaughingZhu5 小时前
智能体经典范式构建:ReAct、Plan-and-Solve 与 Reflection
前端·react.js·前端框架
jsonbro5 小时前
手把手带你实现发布订阅模式
前端·vue.js·设计模式
一只猫的梦5 小时前
自动化模块 (Automation Module)
前端·chrome
熊猫钓鱼>_>5 小时前
Electron:当 Web 技术统治桌面
大数据·前端·javascript·人工智能·架构·electron·agent
德福危险5 小时前
从盲打xss到到模板注入:unix靶机渗透之Tempus_fugit4
前端·unix·xss