Buefy b-checkbox 和 VeeValidate答案

【问题标题】：Buefy b-checkbox and VeeValidateBuefy b-checkbox 和 VeeValidate
【发布时间】：2019-03-29 05:34:12
【问题描述】：

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

很像this example from the VeeValidate docs。

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

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

Buefy docs have a page about using VeeValidate 但不包括复选框。

谢谢

【问题讨论】：

尝试使用 DOM 检查器，看看是否创建了复选框之类的东西。

标签： validation vee-validate buefy

【解决方案1】：

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

应Buefy issue #1054中的要求添加示例

【讨论】：

【解决方案2】：

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

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

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

【讨论】：