Javascript 检查Vue中是否为null或空白

Javascript 检查Vue中是否为null或空白,javascript,vue.js,Javascript,Vue.js,我一直在自学Vue.js,到目前为止我非常喜欢它。我有一个项目,我终于有机会使用它。我正在创建一个表单,并希望进行一些验证。我已经习惯了C#的做事方式,比如String.IsNullOrWhiteSpace(),它一下子就能击中所有东西。如果可能的话,我还没有在Vue中找到这样做的方法。我确实知道用常规javascript实现的更简单的方法 这是我的应用程序和数据 const app = new Vue({ el: '#app', data() { return

我一直在自学Vue.js,到目前为止我非常喜欢它。我有一个项目,我终于有机会使用它。我正在创建一个表单,并希望进行一些验证。我已经习惯了C#的做事方式,比如
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。我不明白,你能不能再告诉我一次?