vue.js - 为什么一些 Vue 自定义组件可以做``?

Question

我对这个boostrap-vue的<Radio />组件感到困惑：

它可以做到这一点

<b-form-radio v-model="selected" value="A">Option A</b-form-radio>

为什么会这样？

v-model已经在使用valueprop 了，为什么还能指定valueprop？

标签： vue.js

Answer 1

单选按钮与其他一些输入元素（例如文本）略有不同。单选按钮的值是静态的（设置后不会改变），而其他一些字段类型的值text是动态的（能够改变。

因此，如果没有value单选按钮，v-model将不知道要设置什么数据。

阅读更多：https ://vuejs.org/v2/guide/forms.html#Value-Bindings