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' }]
        },
相关推荐
HWL56792 分钟前
uni-app中路由的使用
前端·uni-app
程序员陆业聪5 分钟前
上下文工程与提示词工程:拆解 OpenClaw 是如何「喂养」大模型的
前端
wuhen_n5 分钟前
初识Function Calling:让AI学会“调用工具”
前端·vue.js·ai编程
wuhen_n6 分钟前
异步组件与 Suspense:如何优雅地处理加载状态并优化首屏加载?
前端·javascript·vue.js
万物得其道者成6 分钟前
uni-app App 端不支持 SSE?用 renderjs + XHR 流式解析实现稳定输出
前端·javascript·uni-app
恋猫de小郭7 分钟前
Flutter 的 build_runner 已经今非昔比,看看 build_runner 2.13 有什么特别?
android·前端·flutter
yuhaiqiang8 分钟前
AI 正在偷走大家的独立思考能力……
前端·后端·面试
不会写DN8 分钟前
[特殊字符] JS Date 对象8大使用场景
开发语言·前端·javascript
bearpping8 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界9 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript