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

Question

有人可以向我确切解释v-switch组件上的input-value属性是什么吗？

我认为在无法直接使用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属性用于设置在检查组件时将表示的值。
在v-switch情况下，v-model是:input-value="value" @change="value = $event"

之类的语法糖。

Codepen