vue中使用css module如何循环赋值样式？

Question

数据：

data(){
    return{
      timeline：[{
          type:'yellow'
      },{
         type:'blue'
      }]  
    }
}

DOM:

<li v-for="(item,idxs) in timeline" :key="idxs" :class="[$style.timeline, $style.item.type]">
    code...
</li>

期望的渲染 <li class="timeline next">
目前这种dom写法是报错的，找不到type属性。

Answer 1

正确答案：

<li :class="$style.timeLine+' '+$style[item.type]">