VUEJS 如何使用嵌套标签和 v-select(vuetify 和 pug)构建段落



我想构建一个带有文本和选项的段落,该段落显示在下拉列表中。我已经完成了,但是我在设计方面遇到问题,因为它必须以这种方式:

lorem ipsum dolor sit amet, [下拉] consectEtur adipiscing elit, [下拉dopdown] sed do eiusmod eiusmod terimininduntunt ut [下拉下拉]Et Dolore Magna Aliqua。

我正在使用vuetify和一个哈巴狗模板来动态生成它,因为它是一个测验页面,我将在项目的许多地方使用此控件。

由于在V-FLEX中,由于布局网格系统已经存在某些尺寸,是否有一种方法可以用嵌套标签和下拉列表构建段落?

我尝试通过V-FLEX设置值,但是由于我在测验项目的每个问题中都有不同的大小,因此该选项不起作用。

 v-flex(xs10, sm15, md12)
        div.answers(v-for="(element, index) in questions")
            label.label {{element.label}}
            v-select(:items="element.combos" item-text="name" item-value="value" label="Selecciona..." :key="index") 

它已经在工作,但我不知道如何生成元素以嵌套的方式显示我的组件。

请帮助我!

您应该通过布局包装flex,然后在flex和v-select内部按照文档进行标签:https://vuetifyjs.com/en/framework/grid#layout-playground

最新更新