Vue.js 中的 Vuelidate 自定義驗證功能

Question

我正在使用 vuelidate 來實現驗證並嘗試從自定義函數訪問整個數據對象（我已經讀過第二個參數采用數據對象），但它只是獲取觀察者，並且它只有層次結構中相同級別的數據。

我已經在 x11 上應用了自定義驗證，然后我在第二個參數中只得到了 x11 和 x12，而不是整個對象。

customFunction(value, wholeObject)
{
console.log(value); //value of x11
console.log(wholeObject); // it is printing observer x11 and x12. I was         
expecting //it will print the whole x object
}

data: {
    x: {
        x1: {
            x11,
            x12
        },
        x2
    }
},

validations: {
    x: {
        x1: {
            x11: CustomFunction,
            x12
        },
        x2
    }
}

這是正確的行為還是我做錯了什么？

Answer 1

您可以嘗試使用以下代碼：

function customFunction(value) {
    console.log(value);
    console.log(this);
    return value != '';
}

data: {     
    x: {
        x1: { x11: 'abc', x12: 'pqr'},
        x2: 'lmn'
    }
}

validations: {
    x: {
        x1: {
            x11: CustomFunction,
            x12: required
        },
        x2: required
    }
}

小提琴 -> https://jsfiddle.net/7atc5mwr/

請閱讀此頁面以了解如何使用自定義驗證器和訪問組件。