私の vuejs アプリケーションでは、ルーティングに vue-router を使用しています。これを除いて、すべてが正常に機能しています。
私の親では、左側に以下のようなリンクを持つリスト ビューがあります。
<div class="col-md-5">
<ul>
....
<a v-link="{ name: 'task-detail', params: { taskId: task.id }}">{{ task.title }}</a>
</ul>
</div>
<div class="col-md-7">
<router-view></router-view>
</div>
クリックすると、ネストされたルートがアクティブになり、右側に詳細ビューが表示されます。
今私の問題は、親ビューで、タスクが完了したかどうかを切り替えることができることです。
タスクが完了したかどうかを子ビューで示すラベルがあります。
<label class="label label-success pull-right" v-show="task.is_completed">Completed</label>
親ビューでステータスの変更を行ったときに、子ビューにステータスの変更を反映するにはどうすればよいですか。ページを更新する必要がありますか? または、より簡単な解決策があります。
簡単に言えば、親ビューで完了ステータスを切り替えると、子ビューでラベルが変更されるはずです。