validation - Buefy b-checkbox 和 VeeValidate

Question

我正在尝试使用VeeValidate和Buefy制作一个必需的复选框 - 即必须选中复选框。

很像VeeValidate 文档中的这个例子。

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

<input type="checkbox">在这种情况下，我必须退回到香草吗？

Buefy 文档有一个关于使用 VeeValidate 的页面，但未涵盖复选框。

谢谢

Answer 1

这个Buefy VeeValidate 扩展文档现在包含一个必需的复选框示例。

在Buefy 问题 #1054中应要求添加的示例

Answer 2

这是一个如何VeeValidate在 Vue 2 中验证复选框的示例。

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

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