小知识: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