Vuetify:複数のダイアログ内タイムピッカーコンポーネントを作成するにはどうすればよいですか?

Kチェン

イベントの開始時刻と終了時刻を表す複数のVuetifyタイムピッカーが必要です。一人で操作することで、タイムピッカーを機能させることができます。しかし、2つ以上のタイムピッカーを並べると、コンポーネントが壊れます。入力行の値が変更されても、初回ピッカーダイアログを終了することはできません。

これが私の作品へのコードペンのリンクです: '' 'https://codepen.io/hicario/pen/BaKydjr' ''

ドキュメントは次のとおりです:https//vuetifyjs.com/en/components/time-pickers/

私の唯一の推測は、$ refs.dialog.save()にはメソッド呼び出しが必要だということですが、私はまだVue / Vuetifyの初心者なので、よくわかりません。

モスタファ

私はあなたが複数の参照の問題を扱っていると仮定しています。ref値が一意であることを確認してください。例えば、

<component ref="dialog1"> </component>
<component ref="dialog2"> </component>
<script> 
 // somewhere in your logic
 this.$refs.dialog1.save();
 this.$refs.dialog1.save();
</script>
 

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Firemonkey TPopUpから独自のダイアログコンポーネントを作成するにはどうすればよいですか?

分類Dev

(ネストされた)StackNavigator内にカスタムヘッダーアイコンを実装するにはどうすればよいですか?

分類Dev

Salesforceでカスタマイズされたログインコンポーネントを作成するにはどうすればよいですか?

分類Dev

`redux`ベースのコンポーネントで複数のインスタンスを作成するにはどうすればよいですか?

分類Dev

反応スタイルのコンポーネントでカスタムアイコンを使用するにはどうすればよいですか?

分類Dev

Vuetifyコンポーネントにカスタム/オーバーライドCSSを適用するにはどうすればよいですか?

分類Dev

他のコントロールをその中にドロップできるコンポーネントのようなダイアログを作成するにはどうすればよいですか?

分類Dev

カスタムコンポーネント内でVue.jsプラグインを使用するにはどうすればよいですか?

分類Dev

Vuetify v-menuコンポーネントで三角形のポインタを作成するにはどうすればよいですか?

分類Dev

Angularコンポーネントの複数のインスタンスを作成するにはどうすればよいですか?

分類Dev

角度2+でカスタムローディングボタンコンポーネントを作成するにはどうすればよいですか?

分類Dev

SwingアプリケーションのダイアログでJavaFXコンポーネントを提供するにはどうすればよいですか?

分類Dev

Vueドラッグ可能を使用して、コンポーネント内のリストから別のコンポーネント内のリストにアイテムをドラッグするにはどうすればよいですか?

分類Dev

ルーターにポートフォワーディングを設定せずに、コンピューターがインターネットからファイルをダウンロードするにはどうすればよいですか?

分類Dev

フラッターで複数ページのアラートダイアログを作成するにはどうすればよいですか?

分類Dev

react-big-calendarのカスタムイベントコンポーネントを作成するにはどうすればよいですか?

分類Dev

Linuxネットワーキング:インターネットから2番目のIPv4インターフェイスを介して着信IPv6接続をローカルネットワーク内の他のコンピューターに転送するにはどうすればよいですか?

分類Dev

リーフレットで複数のカスタムアイコンを定義するにはどうすればよいですか?

分類Dev

カスタムダイアログでいくつかのコンポーネントを条件付きで表示するにはどうすればよいですか?

分類Dev

ReactJs.NetのJSXファイル内でカスタムReactJsコンポーネントを使用するにはどうすればよいですか

分類Dev

JSFカスタムコンポーネントのラッパーのタイプを指定するにはどうすればよいですか?

分類Dev

Vuetifyグリッドシステムでカードコンポーネントをループで表示するにはどうすればよいですか?

分類Dev

AzureAD-SPAのカスタムサインアップおよびサインインコンポーネントをAzureADの基盤となるプロセスにリンクするにはどうすればよいですか?

分類Dev

リーフレットにラインストリングを作成するにはどうすればよいですか?すべてのポイントにマーカーを付けてリアルタイムで作成できますか?

分類Dev

Ant Design Uploadコンポーネントでアップロードスピナーを停止するようにカスタムonSuccess関数に指示するにはどうすればよいですか?

分類Dev

グラフの各データポイントにカスタムツールチップを作成するにはどうすればよいですか?

分類Dev

ReactのMaterial-UIから別のコンポーネントのダイアログを閉じるにはどうすればよいですか?

分類Dev

プログラムで角度2のコンポーネントにスタイルを適用するにはどうすればよいですか?

分類Dev

ジェネリックラムダへの関数ポインターを作成するにはどうすればよいですか?

Related 関連記事

  1. 1

    Firemonkey TPopUpから独自のダイアログコンポーネントを作成するにはどうすればよいですか?

  2. 2

    (ネストされた)StackNavigator内にカスタムヘッダーアイコンを実装するにはどうすればよいですか?

  3. 3

    Salesforceでカスタマイズされたログインコンポーネントを作成するにはどうすればよいですか?

  4. 4

    `redux`ベースのコンポーネントで複数のインスタンスを作成するにはどうすればよいですか?

  5. 5

    反応スタイルのコンポーネントでカスタムアイコンを使用するにはどうすればよいですか?

  6. 6

    Vuetifyコンポーネントにカスタム/オーバーライドCSSを適用するにはどうすればよいですか?

  7. 7

    他のコントロールをその中にドロップできるコンポーネントのようなダイアログを作成するにはどうすればよいですか?

  8. 8

    カスタムコンポーネント内でVue.jsプラグインを使用するにはどうすればよいですか?

  9. 9

    Vuetify v-menuコンポーネントで三角形のポインタを作成するにはどうすればよいですか?

  10. 10

    Angularコンポーネントの複数のインスタンスを作成するにはどうすればよいですか?

  11. 11

    角度2+でカスタムローディングボタンコンポーネントを作成するにはどうすればよいですか?

  12. 12

    SwingアプリケーションのダイアログでJavaFXコンポーネントを提供するにはどうすればよいですか?

  13. 13

    Vueドラッグ可能を使用して、コンポーネント内のリストから別のコンポーネント内のリストにアイテムをドラッグするにはどうすればよいですか?

  14. 14

    ルーターにポートフォワーディングを設定せずに、コンピューターがインターネットからファイルをダウンロードするにはどうすればよいですか?

  15. 15

    フラッターで複数ページのアラートダイアログを作成するにはどうすればよいですか?

  16. 16

    react-big-calendarのカスタムイベントコンポーネントを作成するにはどうすればよいですか?

  17. 17

    Linuxネットワーキング:インターネットから2番目のIPv4インターフェイスを介して着信IPv6接続をローカルネットワーク内の他のコンピューターに転送するにはどうすればよいですか?

  18. 18

    リーフレットで複数のカスタムアイコンを定義するにはどうすればよいですか?

  19. 19

    カスタムダイアログでいくつかのコンポーネントを条件付きで表示するにはどうすればよいですか?

  20. 20

    ReactJs.NetのJSXファイル内でカスタムReactJsコンポーネントを使用するにはどうすればよいですか

  21. 21

    JSFカスタムコンポーネントのラッパーのタイプを指定するにはどうすればよいですか?

  22. 22

    Vuetifyグリッドシステムでカードコンポーネントをループで表示するにはどうすればよいですか?

  23. 23

    AzureAD-SPAのカスタムサインアップおよびサインインコンポーネントをAzureADの基盤となるプロセスにリンクするにはどうすればよいですか?

  24. 24

    リーフレットにラインストリングを作成するにはどうすればよいですか?すべてのポイントにマーカーを付けてリアルタイムで作成できますか?

  25. 25

    Ant Design Uploadコンポーネントでアップロードスピナーを停止するようにカスタムonSuccess関数に指示するにはどうすればよいですか?

  26. 26

    グラフの各データポイントにカスタムツールチップを作成するにはどうすればよいですか?

  27. 27

    ReactのMaterial-UIから別のコンポーネントのダイアログを閉じるにはどうすればよいですか?

  28. 28

    プログラムで角度2のコンポーネントにスタイルを適用するにはどうすればよいですか?

  29. 29

    ジェネリックラムダへの関数ポインターを作成するにはどうすればよいですか?

ホットタグ

アーカイブ