イベントの開始時刻と終了時刻を表す複数の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]
コメントを追加