vue.js - Vue/vuetify v 开关 : what is input-value?

Question

谁能给我解释一下 input-value 属性在 v-switch 组件上的作用？

当你不能直接使用 v-model 时，我认为它与使用 vuex 的组件有关。

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

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

它被描述为:“v-model 绑定(bind)值”。

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

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 绑定(bind)到 input-value 而不是 value 可能是因为一些组件即复选框(v-switch 使用)具有 value 属性保留给其他东西。

因此 value 属性然后用于设置在检查组件时将表示的值。
在 v-switch 中，v-model 是类似 :input-value="value"@change="value = $event"< 的语法糖

Codepen