Vue :state，这是什么？

Question

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

:state 作为 vue 属性。

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

Answer 1

如文档中所述：

状态- 布尔值 - 空

控制组件的验证状态外观。'true' 表示有效，'false' 表示无效'，或 'null' 表示无验证状态

为了动态绑定这个属性，我们可以使用如下v-bind指令：

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

或者我们可以使用速记v-bind:state这仅仅是:state这样的：

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