每天一点点之vue框架开发 - 数据渲染-for循环中动态设置页面背景色

Posted cap-rq

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了每天一点点之vue框架开发 - 数据渲染-for循环中动态设置页面背景色相关的知识,希望对你有一定的参考价值。

实现方式很简单,在属性前加:,表示绑定

:style="{‘background‘:item.bgColor}

 

代码样例:

 

<li v-for="item in laber_cloud">
      <router-link  :style="{‘background‘:item.bgColor}" >{{item.name}}</router-link>
</li>

 

以上是关于每天一点点之vue框架开发 - 数据渲染-for循环中动态设置页面背景色的主要内容,如果未能解决你的问题,请参考以下文章

每天一点点之vue框架开发 - vue坑-input 的checked渲染问题

每天一点点之vue框架开发 - 部署到线上

每天一点点之vue框架开发 - 引入Jquery

每天一点点之vue框架开发 - vue坑-This relative module was not found

每天一点点之vue框架开发 - 如何在一个页面调用另一个同级页面的方法

每天一点点之vue框架开发 - vue中使用vue-router切换页面时自动滚动到顶部的方法