title: Vue how to concat dynamic id with field from v-for loop + string?
body: <p>I have a v-for loop in my template like this :</p>
  
  <pre><code>&lt;th v-for="(field, key) in lists[$route.params.model][$route.params.status].fields"
                          :key="key"&gt;
                          &lt;div class="columnName"&gt;{{ field }}&lt;/div&gt;
                          &lt;div class="arrows"&gt;
                              &lt;div class="arrow-up-icon" @click="getSearchResult(1, query, statusesIds,
                                  lists[$route.params.model][$route.params.status].values[key], 'desc')"&gt;&lt;/div&gt;
                              &lt;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')"&gt;&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/th&gt;
  </code></pre>
  
  <p>And now my problem is that i would like to have in my dynamic id ( for each button in my loop ) to be like this: :id="order_by"+{{filed}}  &lt;-- this is from loop + {{key}}&lt;-- this is from loop too. But I cannot to write this to work. I can't concat this to be a dynamic id. Can I do this in my tempplate where is my :id?</p>