小知識:vue指令v-bind(:)綁定style樣式方式


動態改變css思路:
  1、動態控制class類名
  2、通過指令v-bind綁定style屬性,達到數據響應的目的。


 <div class="renderPart">
      <ul v-if="renderPart[middleBtn].list.length === 0 ? false:true">
        <li v-for="(item,index) in renderPart[middleBtn].list" :key="index" :style="{background:item.bg}">
          <span class="title-first">{{item.tit}}</span>
          <span>{{item.adr}}</span>
        </li>
      </ul>
    </div>

 

 

 

 
        

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM