vue.js firestore 削除ボタンを押した部分のdoc削除の実装

Question

お世話になります。
現在削除ボタンの実装に取り掛かっております。
挙動としては

削除ボタンクリック
↓
index番号取得し、あらかじめ配列としてdocを格納している変数clearIdからindexを元にdocを取得し、削除

しかし、最後の「変数clearIdからindexを元にdocを取得」のフローがどうもうまくいかず困っております。

また、現在の状況としては削除ボタンを押すことでそのdocのindexを取得し、また、変数clearIdの中身もdocがうまく格納されていることが下図より確認できると思います。

しかし、await MessageModel.clear()[id]ではconsole.logで出力される値はundefinedとなってしまいます。

Message.vue
↑methods定義。また、Message.jsファイルの40~53行目でclear() について定義しております。

是非アドバイス何卒宜しくお願い致します。

Answer 1

1度const docId = await MessageModel.clear()といった形で変数docIdに格納することで思った様な挙動になりました。
ありがとうございました。