Buefy b-checkbox 和 VeeValidate

Question

我正在尝试使用 VeeValidate with Buefy.

创建一个必需的复选框——即必须选中复选框

很像this example from the VeeValidate docs。

有没有办法在单个 Buefy <b-checkbox/> 上使用 v-validate="'required'" 或类似的方法？

在这种情况下我是否必须退回到原版 <input type="checkbox">？

Buefy docs have a page about using VeeValidate 但未涵盖复选框。

谢谢

Answer 1

此 Buefy VeeValidate Extension documentation 现在包括一个必需的复选框示例。

根据要求在 Buefy issue #1054

中添加的示例

Answer 2

这是一个示例，说明如何在 Vue 2 中使用 VeeValidate 验证复选框。

<ValidationProvider :rules="{required:{allowFalse: false}}" v-slot="{ errors, valid }">
  <b-checkbox v-model="accepted" />
  <p>{{ errors }}</p>
</ValidationProvider>

在这里，我添加了验证以仅接受 true 值。这意味着它必须被检查。