Vue/vuetify v-switch：什么是输入值？答案

【问题标题】：Vue/vuetify v-switch: what is input-value?Vue/vuetify v-switch：什么是输入值？
【发布时间】：2018-07-23 18:21:59
【问题描述】：

有人可以向我解释一下input-value 属性在 v-switch 组件上的作用吗？

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

这似乎对我有用，但我不完全理解。

其中描述为：“v-model 绑定值”。

（我最初在这里的示例中找到了该属性。）

【问题讨论】：

检查Vuetify Github
@Sphinx 这是个好主意。我现在可以看到 input-value 将组件状态抽象为监视值。但为什么？为什么输入值有效而 value 无效？
@Sphinx 为什么当我绑定到:value 时，组件没有反映绑定的值，但是当我绑定到:input-value 时它确实有效？对于除<v-switch> 之外的其他组件，情况并非如此。
我对Vuetify不熟悉，但是从source codes，input-value只影响初始值。那么如果 attr=value of checkbox !== inputValue ，它将返回 null ，例如this codepen
抱歉，好像附错了codepen，请删除value="xx" 代替之前评论的codepen。

【解决方案1】：

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

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" 之类的语法糖

【讨论】：