Vue, wie dynamische ID mit Feld von v-for-Schleife + String zu concat?

Question

Ich habe einen V-for-Schleife in meiner Vorlage wie folgt aus:

<th v-for="(field, key) in lists[$route.params.model][$route.params.status].fields" 
         :key="key"> 
         <div class="columnName">{{ field }}</div> 
         <div class="arrows"> 
          <div class="arrow-up-icon" @click="getSearchResult(1, query, statusesIds, 
           lists[$route.params.model][$route.params.status].values[key], 'desc')"></div> 
          <div :id="here should me dynamic id" class="arrow-down-icon" @click="getSearchResult(1, query, statusesIds, 
           lists[$route.params.model][$route.params.status].values[key], 'asc')"></div> 
         </div> 
        </th> 

Und nun mein Problem ist, dass ich in meinem dynamischen ID haben möchte (für jede Taste in meiner Schleife) so sein: : id = "order_by" + {{felded}} < - das ist von loop + {{key}} < - das ist auch von loop. Aber ich kann das nicht schreiben, um zu arbeiten. Ich kann das nicht als dynamische ID bezeichnen. Kann ich das in meinem template tun, wo ist mein: id?

Answer 1

Sie brauchen keine Verwendung Vorlage {{prop}}, einfach nur js Zeichenfolge Verketten

<th v-for="(field, key) in lists[$route.params.model][$route.params.status].fields" 
    :id="'order_by' + filed" 
    :key="key" 
> 
          ... 
</th>