
-
在Vue.js项目中(如使用Element UI组件库):
-
main.js
-
通过引入中文语言包并注册,实现组件文本的中文显示。例如:
javascriptimport 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' }]
},