发表于: 2020-05-15 21:01:36
1 2033
今天完成的事情:
1.推进任务
明天计划的事情:
1.推进任务
遇到的问题和收获:
<table v-for="(item,index) in paramInfo.sizes" :key="index" class="info-name">
<tr v-for="(tr,trIndex) in item" :key="trIndex">
<td v-for="(td,tdIndex) in tr" :key="tdIndex">
{{ td }}
</td>
</tr>
</table>
多次遍历的方法。从遍历的数组里面再遍历数组
<table>
<tr v-for="(item,index) in shop.score" :key="index">
<td>{{ item.name }}</td>
<td :class="{ 'red_score' : item.isBetter, 'green_score' : !item.isBetter }">{{ item.score }}</td>
<td :class="{ 'red_score' : item.isBetter, 'green_score' : !item.isBetter }">
<span :class="{ 'back_better' : item.isBetter,'back_lower' : !item.isBetter }">
{{ item.isBetter ? '高':'低' }}
</span>
</td>
</tr>
</table>
动态绑定class的方法
{ 'red_score' : item.isBetter, 'green_score' : !item.isBetter }
如果item.isBetter为true,则绑定red_score的class,否则就绑定green_score的class
<div>{{ shop.sells | sellsFilter }}</div>
filters: {
sellsFilter(value) {
if (value < 1000) return value
return (value / 10000).toFixed(1) + '万'
}
}
过滤的方法
评论