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' }]
        },
相关推荐
赖龙8 小时前
pnpm vs npm
前端·npm·node.js
学如逆水,不进则退9 小时前
在线免费音频剪辑:NBTools 可视化波形裁剪 MP3/WAV,本地处理免上传
前端·音视频
Mh10 小时前
虚拟滚动真的比普通滚动性能更好吗?
前端·javascript·性能优化
pe7er10 小时前
React + Ant Design 中的 IME (输入法合成)安全输入组件
前端
Super 含11 小时前
Android 启动优化(二):TTID、TTFD 与 Macrobenchmark 启动性能测量
前端
Python私教11 小时前
别急着加 llms.txt:企业官网面向 AI 搜索的工程清单
前端·人工智能·seo
东方小月11 小时前
从零开发一个 Coding Agent(十三):实现安全的 read 文件读取工具
前端·人工智能·全栈
东方小月11 小时前
从零开发一个 Coding Agent(十二):实现版本化 JSONL 与真实 CLI 入口
前端·设计模式·前端框架
FL162386312912 小时前
室内易燃物识别易燃评估室内易燃程度识别分割数据集labelme格式1015张85类别
java·服务器·前端
用户0595401744612 小时前
把 AI 长期记忆去重测试从 20 分钟压到 40 秒,重复率从 18% 干到 1.5%
前端·css