javascript - 使用 vue.js 更改 v-tab 中变量的标题

Question

您好，想用这个变量 {{ siteParts.serial_no }} 更改信息标题 我该怎么做？

 <v-tab title="infos">
 <div v-for="siteParts in sitePartGSM">
 {{ siteParts.serial_no }}
 <div class="description" v-for="item in siteParts.part_attributes">
 <small><strong>{{item.x_name}}</strong> {{item.x_value}}</small>
 </div>
 </div>
 </v-tab>

感谢您的帮助

Answer 1

如果我很好地理解了你的问题... v-tab 在 div 之外，带有 v-for (这是一个数组) 。因此，您可以为每个 sitePartGSM 设置一个 v-tab 或仅显示特定项目的标题。

第一个解决方案:

 <div v-for="siteParts in sitePartGSM">
     <v-tab :title="siteParts.serial_no">

第二:解决方案:

 <v-tab :title="sitePartGSM[0].serial_no" v-if="sitePartGSM[0]">
     <div v-for="siteParts in sitePartGSM">

在这两种情况下，请记住在 title 属性之前添加 :。