Question

我不知道如何分配多个规则来验证vee。通常你管v-validate属性中的规则，但是问题是我还尝试包括一种自定义方法。

onDataChange

这是我的JavaScript

messagesDatabase.addListenerForSingleValueEvent(new ValueEventListener() {
    @Override
    public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
        for (DataSnapshot messageSnapshot: dataSnapshot.getChildren()) {
            Sytem.out.println(messageSnapshot.getKey());  // 01, 02, etc
            Sytem.out.println(messageSnapshot.child("messageText").getValue(String.class));  // "Hello, how are you?", etc
        }
    }
    ...

我的HTML应该是什么样子，以便我也可以将自定义方法添加到vee-validate？如果您需要任何其他信息，请告诉我，我会提供。谢谢！

Answer 1

属性v-validate已绑定到您的数据，因此您可以在其中使用所需的任何内容。此外，它支持不同的语法-您正在使用的语法是字符串（即'required'）。 Another form it supports is an object，这就是您需要的：

<input id="number" type="tel" v-model="cardDetail.number" name="number"
       v-validate="{ required: (requireNumberIfCreditCard == 'required') }">

我建议您将计算值更改为返回true / false，在这种情况下，您可以直接使用它。

工作示例：https://codesandbox.io/s/km4lw12823

分配v-validate多个验证规则（预定义和自定义）

1 个答案: