javascript - 检查 Vue 中是否为 null 或空格

Question

我一直在自学 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# 中一样一举完成？

Answer 1

您可以轻松地编写 if (!this.parentInfo[i]) 而不是 if (this.parentInfo[i] === null) ，这将是 true当 this.parentInfo[i] 不是 undefined、null、NaN、0 时code>、""(空字符串)或 false。

仅包含空格的字符串将返回 true，因此您必须为此运行 if (this.parentInfo[i]==="")。

您当然可以创建自己的方法 IsNullOrWhiteSpace 并使用它。

另请注意，这是一个 Javascript 问题，而不是 Vue.js 问题。