Vue.js 输入空值并给出0

希望你能帮助我。我希望，如果输入仍然为空，则为其分配一个值0。加载我的模态时，值为0，如果我的输入是聚焦的，则删除0。如果我转到下一个输入，我不希望任何输入保持为空

onFocus（）{
this.efectivo=''；
},
onFocus1（）{
这个。tarjeta=“”；
},

---

根据您的描述，似乎您希望实现一个输入在失去焦点时不能为空，如果输入值为空，您希望为其赋值为零

我认为UseSwatch将是如下演示的一个选项：

已更新：输入值将为一个字符串

因此，对于第一种解决方案：如果要修剪前导零，请使用修饰符=number of

v-model

like

v-model.number='test1'

对于第二种解决方案：手动将其转换为

this.test2=Number（this.test2）

newvue({
el:“#应用程序”，
数据（）{
返回{
test1:0，//使用v-model，实际上是：value和@input，当input的文本内容发生变化时，@input将出现
test2:0，//使用：value和@change，当失去焦点或按“enter/return”时将发生@change，
}
},
观察：{
测试1：函数（newVal、oldVal）{
如果（newVal！==0&&！newVal）this.test1=0
},
测试2：函数（newVal、oldVal）{
如果（newVal！==0&&！newVal）this.test2=0
this.test2=编号（this.test2）
}
},
方法：{
updateTest2:函数（e）{
this.test2=e.target.value
}
}
})

空时直接分配0：
测试：{{test1}}
如果失去焦点时输入为空，则分配0：
测试：{{test2}}

根据您的描述，您似乎希望在失去焦点时实现一个输入不能为空，如果输入的值为空，您希望为其赋值为零

我认为UseSwatch将是如下演示的一个选项：

已更新：输入值将为一个字符串

因此，对于第一种解决方案：如果要修剪前导零，请使用修饰符=number of

v-model

like

v-model.number='test1'

对于第二种解决方案：手动将其转换为

this.test2=Number（this.test2）

newvue({
el:“#应用程序”，
数据（）{
返回{
test1:0，//使用v-model，实际上是：value和@input，当input的文本内容发生变化时，@input将出现
test2:0，//使用：value和@change，当失去焦点或按“enter/return”时将发生@change，
}
},
观察：{
测试1：函数（newVal、oldVal）{
如果（newVal！==0&&！newVal）this.test1=0
},
测试2：函数（newVal、oldVal）{
如果（newVal！==0&&！newVal）this.test2=0
this.test2=编号（this.test2）
}
},
方法：{
updateTest2:函数（e）{
this.test2=e.target.value
}
}
})

空时直接分配0：
测试：{{test1}}
如果失去焦点时输入为空，则分配0：
测试：{{test2}}
如在你想使用手表时所概述的，考虑使用<代码>计算<代码>代替：

Vue.config.devtools=false；
Vue.config.productionTip=false；
新Vue({
el:“#应用程序”，
数据：（）=>({
t:0
}),
计算：{
测试：{
得到（）{
返回编号（this.t）
},
设置（val）{
这个.t=Number（val）| 0
}
}
},
方法：{
onBlur（）{
this.$refs.test.value=this.test
}
}
})

如在你想使用手表时所概述的，考虑使用<代码>计算<代码>代替：

Vue.config.devtools=false；
Vue.config.productionTip=false；
新Vue({
el:“#应用程序”，
数据：（）=>({
t:0
}),
计算：{
测试：{
得到（）{
返回编号（this.t）
},
设置（val）{
这个.t=Number（val）| 0
}
}
},
方法：{
onBlur（）{
this.$refs.test.value=this.test
}
}
})

列出已共享的代码显示所有代码。。。。a我已经为
efectivo
和
tarjeta
放置了html代码表，如果
newValue！==0 && !newValue
为true，则
此.efectivo=0
或
此.tarjeta=0
您将其放置在何处？列出已共享的显示您的所有代码。。。。a我已经为
efectivo
和
tarjeta
放置了html代码表，如果
newValue！==0 && !newValue
为true，则
this.efectivo=0
或
this.tarjeta=0
您将它放在哪里？这有助于我在0为空时直接分配0。很好，但是现在怎么会这样，当它被加密时，0不会停留在一开始。如果我正确理解您的新要求，请查看更新的代码段。我刚刚上载了一个图像，其中包含发生的情况。谢谢，我不知道那个图像是什么意思。你能解释一下吗？在最初的帖子中添加一个新图片这有助于我在0为空时直接分配0。很好，但是现在怎么会这样，当它被加密时，0不会停留在一开始。如果我正确理解您的新要求，请查看更新的代码段。我刚刚上载了一个图像，其中包含发生的情况。谢谢，我不知道那个图像是什么意思。你能解释一下吗？在最初的帖子中添加一个新的图片