Vue.js列表输出不同style
{{ item.name }}{{ item.value.toFixed(2) }}js代码:new Vue({el:'#table_asset_structure_lengend_ul',data:{asset_items:asset_structures}});其中asset_structure为{color:'red',name:'123',val
·
<table id="table_asset_structure_lengend_ul" align="right">
<tr v-for="item in asset_items">
<td>
<img v-bind:style="{'background-color':item.color}" width="20px" height="20px"></img>
</td>
<td>{{ item.name }}</td>
<td align="right">{{ item.value.toFixed(2) }}</td>
</tr>
</table>
js代码:
new Vue({
el:'#table_asset_structure_lengend_ul',
data:{
asset_items:asset_structures
}
});
其中asset_structure为{color:'red',name:'123',value:123.00}
效果:
更多推荐
已为社区贡献1条内容
所有评论(0)