web-dev-qa-db-ja.com

Vue / Vuetify V-Switch：入力値とは何ですか？

誰かが私に_input-value属性はv-switchコンポーネントにありますか？

V-modelを直接使用できない場合、vuexでコンポーネントを使用することには何らかの原因があると思います。

うまくいっているようですが、よくわかりません。

ここで属性を確認できます： https://vuetifyjs.com/en/components/selection-controls#api

「vモデルのバインド値」と記載されている場合。

（私はもともと例のどこかで属性を見つけました。）

vue.jsvuetify.js
8
mtyson

_input-value_は、他のコンポーネントで期待されるデフォルトのvalue属性のように動作します。
通常_v-model_は:value="value" :input="$emit('input', $event.target.value)"の構文シュガーですが、変更することができます。

from selectable.js ：

_model: {
  prop: 'inputValue',
  event: 'change'
},
_

したがって、上記の行（ vue docs を参照）は、valueではなく_v-model_を_input-value_にバインドします。 ）value属性を他の何かのために予約します。

そのため、value属性を使用して、コンポーネントがチェックされるときに表される値を設定します。
そして_v-switch_の場合_v-model_は_:input-value="value" @change="value = $event"_のようなものの構文糖です

Codepen

8
Traxo