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' }]
        },
相关推荐
user2058556151813几秒前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州2 分钟前
CSS aspect-ratio 属性完全指南
前端
Pedantic2 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘2 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆2 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师3 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆3 小时前
VSCode自动格式化三要素
前端
爱勇宝4 小时前
深扒 Anthropic 1680 位工程师简历:应届生几乎没机会,AI 公司最缺的不是博士
前端·后端·程序员
kyriewen5 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程