发表于: 2020-05-15 21:01:36

1 2036



今天完成的事情:

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) + ''
   }
}

过滤的方法





返回列表 返回列表
评论

    分享到