2022 ソフトウェア設計及び演習用の班Wiki

22::gr08::ダッシュボードエディットプリセット

前のページに戻る

概要

ダッシュボード画面で,タイマーセッティングに表示するプリセットを変更できる。

これを使う親コンポーネント

DashboardData

利用している子コンポーネント

DispTime
DispLap
SelectTime
SelectLap

JSの説明

props
ストア(データベース)にあるプリセットを受け取る
created
受け取ったプリセットデータをディープコピーする
edit_time
「編集する」ボタンが押されたら編集モードに切り替える
save_edited_time
変更をストアとデータベースに反映させる(toStore)
reset_edited_time
変更前状態に戻す
cancel_edited_time
リセットをかけて,編集モードから表示モードに切り替える
toStore
emitで変更したデータ(配列)を送る
change_time
セレクトコンポーネントからの変更を反映させる
change_lap
セレクトコンポーネントからの変更を反映させる
computed
選択させているプリセットのみ表示するために,今何を選択しているのかを監視している


最終更新日:2022/07/28 18:08:14