如何使用vuejs为v单选按钮的每个项目添加字幕？

0md85ypi 于 2021-09-29 发布在 Java

关注(0)|答案(1)|浏览(328)

我已经创建了一个带有v-radiobuttons的动态项目列表。我想为它们下面的每个项目添加一个副标题。我试过一些方法，但都不管用。代码如下：

<v-radio-group v-model="institutionSelected">
 <v-radio v-for="(institution, index) in itemInstitutions" 
 :label="institution" :key="index" :value="index"> </v-radio> 
  </v-radio-group>

//这是每个项目的字幕列表：

<v-list-item-subtitle v-text="itemRoles[index]"></v-list-item-subtitle>

我希望它看起来像这样：

但实际上看起来是这样的：

提前谢谢！

vue.js JavaScript vuetify.js

来源：https://stackoverflow.com/questions/68541213/how-to-put-a-subtitle-for-each-item-of-v-radio-button-using-vuejs

1条答案

按热度按时间

0sgqnhkj1#

尝试按 Package 列表项 v-radio-group 然后组件循环通过 itemInstitutions 使用 v-list-item 组件和单选按钮作为列表项标题：

<v-radio-group v-model="institutionSelected">
  <v-list-item two-line v-for="(institution, index) in itemInstitutions" :key="index">
        <v-list-item-content>
          <v-list-item-title>
            <v-radio :label="institution" :value="index"></v-radio>
            </v-list-item-title>
          <v-list-item-subtitle class="ml-8">{{itemRoles[index]}}</v-list-item-subtitle>
        </v-list-item-content>
      </v-list-item>
</v-radio-group>

演示

赞(0）回复(0）举报 2021-09-29

我来回答

如何使用vuejs为v单选按钮的每个项目添加字幕？

1条答案

相关问题

热门标签

最新问答