Vue 动态改变css 属性 -- 颜色

例如:在for循环中改变span 颜色
<div id="app">
    <div v-for="item in items">
        <span  :style="{'color':item.color}">item.name</span>
    </div>
</div>

<script>
var vue = new Vue({
    el:'app',
    data:{
        items[
         {‘color’:'red','name':'红色'},
         {‘color’:'blue','name':'蓝色'}
        ]
    }
});
</script>

 其实就是利用 冒号style -->  :style=

猜你喜欢

转载自blog.csdn.net/jianeng_Love_IT/article/details/83514714