Javascript 将表单显示为下拉按钮（vuetify）

我有一个

v-btn.

当点击它时，我想有一个下拉列表。我不希望下拉列表是一个列表，而是包含3个标签和3个文本字段的表单。每个文本字段的每个标签

问题1）显示标签和文本字段时，它们都在同一行（水平）。如何在其下方创建标签和文本字段

问题2）当下拉菜单出现时，我将鼠标放在文本字段上，下拉菜单完全关闭。我只想在单击按钮时关闭它，该按钮也位于表单末尾的下拉列表中。单击它时，我如何不关闭它

另外，我正在使用v-menu作为下拉菜单。

1）Vuetify文本字段有一个名为“标签”的道具-如果将标签文本绑定到此道具，它将显示。否则，如果出于某种原因希望创建自己的标签，只需将标签和输入包装在v型布局中，或将标签和输入包装在同一元素（例如div）中，并确保标签是div

          <v-flex xs12 sm6>
            <div>test label</div>
            <v-text-field
              v-model="title"
              :rules="rules"
              counter="25"
              label="Outline"
              outline
            ></v-text-field>
          </v-flex>

测试标签

---

2） 菜单上有一个默认为true的“内容点击关闭”道具，您可以将其设置为false。这将防止菜单在单击时关闭问题1 您能提供一个代码的小示例吗？
在Vuetify中，您只需使用一个标签，并通过

标签

道具为其添加标签即可

问题2
您可以将和设置为

false

，以防止下拉列表关闭

小例子：

newvue({
el:“应用程序”，
vuetify:新的vuetify（），
数据（）{
返回{
美诺朋：错，
名字：“，
姓氏：“
};
},
方法：{
保存（）{
警报（`您的名字是${this.firstname}${this.lastname}！`）；
this.menuOpen=false；
}
}
});
#应用程序{高度：400px；}

按钮
取消
好啊
请包括一个