Javascript 在Vue.js中出现验证错误时，如何突出显示输入的边框颜色？
Javascript 在Vue.js中出现验证错误时，如何突出显示输入的边框颜色？,javascript,vue.js,Javascript,Vue.js,mobile:“”， maxmobile:10， 验证：{ 流动电话：{ }, } 必须是数字。 必须介于{$v.mobile.$params.between.min}和{{$v.mobile.$params.between.max}之间。 请检查手机是否在{{validations.mobile.minLength}上方并吹气 {{validations.mobile.maxLength}。 导出默认值{ 数据（）{ 返回{ maxmobile:10， 手机：''， 验证：{ 流动电话：
mobile:“”，
maxmobile:10，
验证：{
流动电话：{
},
}
必须是数字。
必须介于{$v.mobile.$params.between.min}和{{$v.mobile.$params.between.max}之间。
请检查手机是否在{{validations.mobile.minLength}上方并吹气
{{validations.mobile.maxLength}。
导出默认值{
数据（）{
返回{
maxmobile:10，
手机：''，
验证：{
流动电话：{
必修的，
minLength:minLength（10），
maxLength:maxLength（9），
},
电邮：{
必修的，
电子邮件，
maxLength:maxLength（30），
},
},
}
},
计算：{
mobileIsValid（）{
返回(
this.mobile.length>=this.validations.mobile.minLength&&
this.mobile.length在显示代码时请提供所有代码。例如，isMobileLanding
Hi，请尝试使用类绑定。@MichaelMano我为isMobileLanding（）提供了代码，我通常是在检查regex@YashMaheshwari我已经更新了有问题的代码，即使我也尝试了v-bind类，但没有，有什么建议吗？Getting TypeError:无法读取未定义的属性“mobile”。这一行的错误消息div validations.mobile.MinLength中提到了这一点。这个示例确实有几个根元素tho。@kissu取决于vue版本，例如3个根目录就可以了。我也没想到他们会复制粘贴代码。只是简单介绍一下如何操作。@mich yes and yes。