如何让用户在表单中添加输入字段并将数据发送到Firebase?

时间:2018-11-09 00:27:49

标签: firebase vue.js vuetify.js

我希望我的用户能够通过表单将数据添加到Firebase数据库。数据是分层的,如下所示:

  • 阶段
      • 锻炼

我面临的挑战是我必须让用户添加他/她想要的多个阶段,并且在每个阶段中添加他/她想要的多个星期,并且在每个星期中添加他/她尽可能多的练习想要。

用户必须首先单击“添加阶段”,该阶段将自动命名为“阶段1”。然后单击“添加星期”,该系统将自动命名为“第1周”。然后单击“添加锻炼”,用户将其命名为他。 -/她自己。现在,用户应该可以单击“添加阶段”,“添加周”或“添加练习”。最终的数据结构可能看起来像这样:

  • 第一阶段
    • 第1周
      • 卧推
      • 蹲下
    • 第2周
      • 下巴
      • 蹲下
      • 卧推
    • 第3周
      • 引体向上
      • 蹲下
  • 第二阶段
    • 第1周
      • 午餐
      • 卷曲
    • 第2周
      • Bentover行
  • 第三阶段
    • 第1周......

解决此问题的最佳/最简单方法是什么?

我正在运行Vue 2.x,Vue CLI-3和Vuetify 1.3.7。

任何帮助将不胜感激!

0 个答案:

没有答案