ノードに追加された無効化オプションが vuetify で機能しない

Question

こんにちは、私は vuetify を使用しています。このディレクティブを作成したのは、「disableAll」属性を持つ親のすべての子要素を無効にできるためです。通常の入力テキストなどの一部の要素では完全に機能しますが、チェックボックス (スイッチのように）それらは無効になりません...vuetifyが原因でしょうか？ チェックボックスのある「Nodes」定数を出力しました。したがって、要素を見つけてdisabled属性を適用していますが、まったく機能しません

これは指示です

リーリー

これは Switch の html

リーリー

この行にあるように

リーリー

無効な属性の適用 まったく機能しません

vuetify には独自のdisabled属性があり、各ノードに追加したり、フォームでこのdisabled属性を使用したりできることはわかっています。ただし、無効にする必要のない要素がいくつかあるため、ディレクティブを使用してこれをカスタマイズしようとしています。

Answer 1

v-switch の UI 効果を有効にするだけの場合は、コンポーネントの状態を変更せず、className=v-input--is-disabled を # に追加するだけです。 ##v -switch の Dom では、次のデモが行われます:

リーリー リーリー