1. 程式人生 > >每天一點點之vue框架開發 - 數據渲染-for循環中動態設置頁面背景色

每天一點點之vue框架開發 - 數據渲染-for循環中動態設置頁面背景色

循環 一點 動態 cloud span lin ack for循環 code

實現方式很簡單,在屬性前加:,表示綁定

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

代碼樣例:

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

每天一點點之vue框架開發 - 數據渲染-for循環中動態設置頁面背景色