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' }]
        },
相关推荐
我喜欢就喜欢3 分钟前
Chrome 插件开发实战指南
前端·chrome
夕阳_醉了6 分钟前
花了一天的时间,地板式扫盲了vue3所有API盲点
前端·javascript·vue.js
LinDaiuuj16 分钟前
Figma Specs 高效交付与开发协作指南
前端·figma
风骏时光牛马29 分钟前
大模型底层架构与推理机制源码深度剖析
前端
java1234_小锋6 小时前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5
知了学历孙老师9 小时前
小自考的校考和统考,出题方和难度差在哪
java·大数据·前端
ShineWinsu11 小时前
对于JavaScript:操作元素的解析
开发语言·前端·javascript·面试·web·dom·元素
福兮说11 小时前
JSON 格式正确,数据就可靠吗?我用一份自编配置检查类型与空值
java·前端·json
程序员老赵13 小时前
Docker 部署青龙面板:轻松搭建定时任务管理平台
前端·docker·开源
Swot13 小时前
Asciidoctor 公式数字下标错位问题:原因分析与解决方案
前端