VUEJS如何构建带有嵌套标签和v-select(Vuetify和Pug)的段落

时间:2019-05-19 21:25:52

标签: html vue.js vuejs2 pug vuetify.js

我要构建一个段落,并在下拉列表中显示文本和选项。我已经做过,但是我在设计上遇到了问题,因为必须采用这种方式:

Lorem ipsum dolor sit amet, [DROPDOWN] 保密, [DROPDOWN] sed do eiusmod tempor incidicunt ut [DROPDOWN] et dolore magna aliqua。

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

由于在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") 

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

请帮助我!

1 个答案:

答案 0 :(得分:0)

您应该使用布局将flex包裹起来,然后在flex内放置标签,并按照此处的文档进行v-select: invalidate caches & restart