您的位置:首页 > 产品设计 > UI/UE

Vue.js列表输出不同style

2015-11-16 10:23 706 查看
<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}
效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript vuejs vue.js