如何在vue v中正确使用dinamic名称？
提问于 2017-07-09 01:57:05
我试图在v中迭代div。我试着用索引参数进行动态的div id分配，但是我不知道如何正确地使用它.
至少，我使用引导折叠将数据目标分配给呈现的div。它不起作用。
这里的代码：
'<div class="servizioInlista" v-for="(servizio,index) in servizi.lineaGialla.servizi">'+
'<div class="row">'+
'<div class="col-lg-8 col-xs-8 nopadding">'+
'<h4 class="blu">{{servizio.nomeServizio}}</h4>'+
'</div>'+
'<div class="col-lg-4 col-xs-4>"'+
'<span class="pull-right nomargin" v-on:click="mostraServiziGiallo" v-bind:class="[GiallaTutti ? \'minus\' : !GiallaTutti,\'plus\']" data-toggle="collapse" data-target="#singoloGialla.index"></span>'+
'</div>'+
'</div>'+
'<div v-bind:id="singoloGialla.index" class="row">'+
'<p>{{servizio.descrizione}}</p>'+
'</div>'+
'</div>'+
回答 1
Stack Overflow用户
发布于 2017-07-09 02:14:24
据我所知你想要这样的东西：
<div v-bind:id="'singoloGialla-' + index" class="row">
<p>{{servizio.descrizione}}</p>
</div>和
< ... v-bind:data-target="'#singoloGialla-' + index">因此，我们接受字符串'singoloGialla-'并将其与index变量的动态值连接起来。当我们使用+运算符连接一个字符串和一个数字时，这个数字首先被转换成一个字符串，然后连接到现有的字符串。这不是Vue特定的，而是正常的JavaScript行为。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44995158
复制
腾讯云开发者
