Javascript 检查Vue中是否为null或空白
我一直在自学Vue.js,到目前为止我非常喜欢它。我有一个项目,我终于有机会使用它。我正在创建一个表单,并希望进行一些验证。我已经习惯了C#的做事方式,比如Javascript 检查Vue中是否为null或空白,javascript,vue.js,Javascript,Vue.js,我一直在自学Vue.js,到目前为止我非常喜欢它。我有一个项目,我终于有机会使用它。我正在创建一个表单,并希望进行一些验证。我已经习惯了C#的做事方式,比如String.IsNullOrWhiteSpace(),它一下子就能击中所有东西。如果可能的话,我还没有在Vue中找到这样做的方法。我确实知道用常规javascript实现的更简单的方法 这是我的应用程序和数据 const app = new Vue({ el: '#app', data() { return
String.IsNullOrWhiteSpace()
,它一下子就能击中所有东西。如果可能的话,我还没有在Vue中找到这样做的方法。我确实知道用常规javascript实现的更简单的方法
这是我的应用程序和数据
const app = new Vue({
el: '#app',
data() {
return {
errors: [],
parentInfo: {
name: null,
address: null,
city: null,
state: null,
zip: null,
primaryPhone: null,
secondaryPhone: null
}
}
}
...
这是我对表单的验证。如果他们在每个字段中添加空白,这仍然不起作用
checkParentInfo: function () {
this.errors = [];
for (var i in this.parentInfo) {
if (this.parentInfo[i] === null && i !== 'secondaryPhone' || !this.parentInfo[i] && i !== 'secondaryPhone') {
this.errors.push('All parent info must be filled out, with the exception of a Secondary Phone Number');
return;
}
}
}
是否有一种内置的方法来执行if语句?像我在C#中那样一举成功 而不是if(this.parentInfo[i]==null)
您可以轻松编写if(!this.parentInfo[i])
,当这个.parentInfo[i]
不是未定义的,null
,NaN
,0
,“
”
(空字符串)或假
只包含空格的字符串将返回true,因此必须运行if(this.parentInfo[i]==“”)
当然,您可以创建自己的方法IsNullOrWhiteSpace
,并使用它
还请注意,这是一个Javascript问题,而不是Vue.js问题 而不是if(this.parentInfo[i]==null)
您可以轻松编写if(!this.parentInfo[i])
,当这个.parentInfo[i]
不是未定义的,null
,NaN
,0
,“
”
(空字符串)或假
只包含空格的字符串将返回true,因此必须运行if(this.parentInfo[i]==“”)
当然,您可以创建自己的方法IsNullOrWhiteSpace
,并使用它
还请注意,这是一个Javascript问题,而不是Vue.js问题 我希望有一个内置的方式,但究竟是什么使它的工作。如果(!this.parentInfo[i])
,这难道不是吗?我希望有一种内置的方式,但究竟是什么让它起作用呢。如果(!this.parentInfo[i])
,您不希望您的变量包含空格,那么它不是也是吗。是ri8吗?记住,Vue仍然只是JavaScript。我不明白。请您再说一遍好吗?您不希望您的变量包含空格。是ri8吗?记住,Vue仍然只是JavaScript。我不明白,你能不能再告诉我一次?