Vue / Vuetify V-Switch：什么是输入值？

Question

有人可以向我确切说明input-valuev开关组件上的属性是什么吗？

我认为当您不能直接使用v-model时，将组件与vuex一起使用是有原因的。

它似乎为我工作，但我不完全了解。

您可以在此处查看属性：https : //vuetifyjs.com/en/components/selection-controls#api

其中描述为：“ v模型绑定值”。

（我最初是在此处的示例中找到该属性的。）

Answer 1

input-value行为就像value您在其他组件中期望的默认属性一样。
通常v-model是的语法糖:value="value" :input="$emit('input', $event.target.value)"，但我们可以更改它。

从selectable.js：

model: {
  prop: 'inputValue',
  event: 'change'
},

因此，上述几行（请参阅vue docs）使您可以v-model绑定到input-value而不是value因为某些组件（例如，复选框（v-switch使用））具有value为其他内容保留的属性。

因此value，然后使用attribute来设置将在检查组件时表示的值。
而在v-switch情况下v-model是语法糖像:input-value="value" @change="value = $event"

码笔