vue在:class语法中，如何动态拼接变量

Question

如图，想在一个v-for循环中，动态拼接（item.realCode + 'LastWeek'）使其成为一个变量来 动态求值

Answer 1

我懂了……你试试这个<div>{{list[item.realCode+'LastWeek']}}</div>模拟一个data：data(){&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; item: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;realCode: 'word'&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; list: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wordLastWeek: '2017-09',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wordLastYear: '2016'&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}

Answer 2

动态class是支持三目表达式的。:class="userinfo.memberLevel == 0 ? 'agreement_content' : 'agreement_content-o'".:class="(item.realCode + 'LastWeek')<0 ? negative : positive"