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

Question

您想要使用此varibale {{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-bind来实现这一目标。

Answer 2

如果我完全理解您的问题，则v-tab位于div之外且v-for（这是一个数组）。因此，您可以为每个v-tab设置sitePartGSM，或只显示特定项目的标题。

第一个解决方案：

 <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。