<tr v-for="(val, key) in category">
<td class="p-2" width="1%" style="padding-right: 0px!important;">
<span class="p-1 rounded-3 text-white" :style="'background-color: '+val.color+';'">
{{ val.foiz }}%
</span>
</td>
<td class="p-2">
<!-- style="background-color: {{val.color}};"-->
{{ val.category_name }}
</td>
<td class="p-2" style=" text-align: end;">{{ val.money_print }} so'm</td>
</tr>
document.querySelector('body').style.backgroundColor=siteData.background
//document.querySelector('body').style.backgroundColor='#ff5'
Run code snippet