需求 删除 el-input-number 内容后,默认显示 0,不会为 空
<el-col :span="6">
<el-form-item label="工时费:">
<el-input-number
v-model="saveParams.dblworkinghourscharge"
size="medium"
class="input-number"
:controls="false"
:precision="2"
:step="0.1"
@blur=" (e, name) => {blurNumber(e, 'dblworkinghourscharge'); } "
>
</el-input-number>
<span class="input-append">元</span>
</el-form-item>
blurNumber(e, name) {
if (!e.target.value) {
this.saveParams[name] = 0;
}
}

该博客讨论了在Vue.js中使用el-input-number组件时,如何在删除内容后默认显示0而不是空值的问题。通过监听blur事件并在输入框失去焦点时检查值,如果为空则设置为0,确保工时费字段始终有默认值。

211

被折叠的 条评论
为什么被折叠?



