Vue :state，这是什么？

Question

我正在使用 https://bootstrap-vue.org/docs/reference/validation#vuelidate，我遇到了

:state 作为 vue 属性。

我没有在文档中找到任何内容，我很困惑。它来自哪里，它有什么作用？实际上似乎我需要使用它来验证输入字段。但我宁愿使用 @blur 而不是状态，但它不起作用。

Answer 1

如docs所述：

state - Boolean - null

Controls the validation state appearance of the component. 'true' for valid, 'false' for invalid', or 'null' for no validation state

并动态绑定此属性我们可以使用 v-bind 指令，例如：

<b-form-select
   id="example-input-2"
   v-bind:state="validateState('food')"
></b-form-select>

或者我们可以将 shorthand 用于 v-bind:state，这只是 :state，例如：

<b-form-select
   id="example-input-2"
   :state="validateState('food')"
></b-form-select>

Answer 2

"state" 不是属性而是属性，子组件中的属性之一，它需要一个布尔值，您从主 vue 文件传递该值或称为"parent component"

此处使用的属性是 "v-bind" 或 shorthand 中的“:”，然后传递属性 "state" 因此“:state”

Vue :state，这是什么？

Vue :state, what is this?

vue.js

vuelidate

bootstrap-vue