Vue.js Vue如何将动态ID与vfor循环+字符串中的字段连接起来

发布于11月05日

我的模板中有一个v-for循环，如下所示:

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

现在我的问题是，我希望我的动态id(对于循环中的每个按钮)如下::id="order_by"+{{field}&lt；-这是来自循环+{{key}}&lt；——这也是loop的.但我不能写这个来工作.我不能把它变成一个动态的id.我能在我的tempplate中做这个吗？我的:id在哪里？