Vue.js 如何在vuetify中设置多个下拉列表

有人知道如何在vuetify中设置多个下拉列表 我对在这个框架中学习是新手。 让我解释一下 在这种情况下，我需要显示所有类别、子类别和父类别 在最后的结果中，我想要得到这样的东西 不管怎样，谢谢你的帮助

<ul>
  <li>Category
    <ul>
      <li>SubCategory 1.1
        <ul>
          <li>
             Parent Category
          </li>
        </ul>
      </li>
      <li>SubCategory 1.2</li>
    </ul>
  </li>
  (...)
</ul>

类别

子类别1.1


父类别



子类别1.2


(...)

您需要将每个下拉列表绑定到一个数据成员

向数据成员添加一个监视，当它更改时，重新填充其他下拉列表和默认值

在watcher中设置

immediate

，将在用户选择项目并填充初始状态之前，在加载时调用处理程序

https://codepen.io/Flamenco/pen/xovKLq

newvue({
el:“应用程序”，
vuetify:新的vuetify（），
数据：（）=>({
物品：“颜色”，
第二项：“红色”，
项目：[“颜色”、“编号”]，
条目2：“空”
}),
观察：{
项目：{
立即：是的，
处理程序（值）{
如果（值=“颜色”）{
this.items2=[“红色”、“蓝色”]；
this.item2=“红色”；
}否则{
this.items2=[“1”、“2”、“3”]；
此项为“2.item2=”1”；
}
}
}
}
});

---

非常感谢这么好的解决方案