无法让 VeeValidate 3.x 使用 VueSelect 处理自定义组件
Unable to get VeeValidate 3.x working with a custom component using VueSelect
这是代码:https://codesandbox.io/s/veevalidate-with-vueselect-13g9d
我正在使用自定义组件,因为我想覆盖 VueSelect 中的几个插槽。我正在使用 ValidationProvider
,但它似乎不起作用。
我曾寻求帮助,但只找到了使用 VeeValidate 的示例 2.x。
我已经弄清楚它是如何工作的了。默认情况下,VeeValidate 仅在 ValidationProvider
的子元素上的 blur
或 input
事件之后验证输入。如果您希望它在自定义事件上进行验证,您可以为自定义组件实现自定义模式并在 ValidationProvider
上指定 mode
属性。
例如:https://codesandbox.io/s/veevalidate-with-vueselect-13g9d(我更新的codesandbox link)。
这是代码:https://codesandbox.io/s/veevalidate-with-vueselect-13g9d
我正在使用自定义组件,因为我想覆盖 VueSelect 中的几个插槽。我正在使用 ValidationProvider
,但它似乎不起作用。
我曾寻求帮助,但只找到了使用 VeeValidate 的示例 2.x。
我已经弄清楚它是如何工作的了。默认情况下,VeeValidate 仅在 ValidationProvider
的子元素上的 blur
或 input
事件之后验证输入。如果您希望它在自定义事件上进行验证,您可以为自定义组件实现自定义模式并在 ValidationProvider
上指定 mode
属性。
例如:https://codesandbox.io/s/veevalidate-with-vueselect-13g9d(我更新的codesandbox link)。