代码之家  ›  专栏  ›  技术社区  ›  mtyson

Vue/Vuetify V-switch:什么是输入值?

  •  3
  • mtyson  · 技术社区  · 8 年前

    有人能给我解释一下 input-value V开关组件上的属性为?

    我认为这是由于在Vuex中使用组件,而您不能直接使用v-model。

    这似乎对我有用,但我不太明白。

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

    其中,它被描述为:“V模型绑定值”。

    (我最初在这里的一个示例中找到了该属性。)

    1 回复  |  直到 7 年前
        1
  •  2
  •   Traxo    7 年前

    input-value 行为类似于默认值 value 在其他组件中需要的属性。
    正常情况下 v-model 语法是糖的 :value="value" :input="$emit('input', $event.target.value)" 但是我们可以改变它。

    从 selectable.js :

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

    所以上面的几行(参见 vue docs )让你的 V-模型 绑定到 输入值 而不是 价值 可能是因为某些组件,例如复选框(v-switch使用的)具有 价值 为其他内容保留的属性。

    所以 价值 属性用于设置在检查组件时表示的值。
    而在 v-switch 案例 V-模型 语法是糖吗? :input-value="value" @change="value = $event"

    Codepen

    推荐文章