在 requireif 中使用 'this' 参考 Vuelidate 问题

Question

我有一个使用 vuelidate 的 vuejs 组件。这是我的验证：

 validations: {
     invoice: {
         dueDate: {
             required,
         },
         tax: {
             required: requiredIf(function () {
                 return this.invoice.taxable;
             }),
        }
    },

我有一个名为 'invoice' 的属性，它有一个属性应税（布尔值），所以如果此属性 es 设置为 true，我需要要求税字段, 但由于某种原因 'this' 目前是 'undefined'。我也试过箭头功能，结果相同。我已经在 js 文件的 vuejs 实例中使用了它，但是由于某种原因，当我移动到一个单独的组件时它不起作用。我究竟做错了什么？提前致谢！

Answer 1

正如 ssc-hrep 所建议的那样，发票是一个嵌套模型，应该作为参数传递给函数：

validations: {
        invoice: {
            dueDate: {
                required,
            },
            tax: {
                required: requiredIf((invoice) => {
                    return invoice.taxable;
                }),
            }
        },

在 requireif 中使用 'this' 参考 Vuelidate 问题

Vuelidate Issues with 'this' reference in a requireif

javascript

vue.js

vuelidate