How do I cycle through assignment styles using css module in vue?

data:

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>

expected rendering < li class= "timeline next" >
currently this dom writing method is reported to be incorrect, and the type attribute cannot be found.

Nov.09,2021

correct answer:

<li :class="$style.timeLine+' '+$style[item.type]">
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eaa833-1fd7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eaa833-1fd7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?