Validation 正在vuejs的datepicker组件上进行验证,但默认情况下会显示错误消息
//这是我的html代码,其中我有一个datepicker组件,当我想抛出一个验证时,但我想在用户离开这个字段并继续表单的其他输入字段时显示错误消息Validation 正在vuejs的datepicker组件上进行验证,但默认情况下会显示错误消息,validation,vue.js,datepicker,Validation,Vue.js,Datepicker,//这是我的html代码,其中我有一个datepicker组件,当我想抛出一个验证时,但我想在用户离开这个字段并继续表单的其他输入字段时显示错误消息 <datepicker v-model="present_complaint.experienceSince" name="date" placeholder=24-july-1994> </datepicker> <span class="error-msg" v-show="present_complaint
<datepicker v-model="present_complaint.experienceSince"
name="date" placeholder=24-july-1994>
</datepicker>
<span class="error-msg" v-show="present_complaint.experienceSince ==''">
Date is a mandatory field
</span>
//当前,当页面默认加载时,错误消息出现在日期选择器上,因为默认情况下它是空的,现在我希望它应该只在用户单击它时显示,并且让它在转到任何其他字段时基本上不选择任何日期,也不选择任何日期
我有一个解决办法给你
请填写输入
新Vue({
el:“应用程序”,
数据:{
文本:空
},
方法:{
模糊(){
如果(this.text==null){
this.text=“”
}
}
}
})
答案很简单,可以理解逻辑。一旦你做到了,您可以通过替换一些代码来解决问题。请查看请为您的问题提供更多代码和更多信息,以使您的问题更具体。许多人可以为您提供正确的解决方案,但不是您当前想要的解决方案。很抱歉,在我的情况下,这不起作用。我没有输入字段,它是vuejs名为datepickeryes我说这是一个简化的答案。一旦你掌握了逻辑,你就可以在你的问题中写出解决方案。
present_complaint:{
description:'',
}
<div id="app">
<input type="text" placeholder="type something" v-model.trim="text" @blur="blur">
<span v-show="text === ''">Please Fill the input</span>
</div>
new Vue({
el: "#app",
data: {
text: null
},
methods: {
blur() {
if(this.text === null) {
this.text = ''
}
}
}
})