VUE_vue动态绑定style属性

妖狐艹你老母 2022-12-27 12:50 272阅读 0赞

方式一：

  1. <!-- statusBarHeight 动态值 -->
  2. <div :style="{ height: `${ statusBarHeight}px`,background:'#fff' }"></div>
  4. export default { 
  5.     data() { 
  6.         return { 
  7.             statusBarHeight:100
  8.         }
  9.     }
  10. }

方式二：

  1. <!-- statusBarHeight 动态值 -->
  2. <div :style="{ height: statusBarHeight+'px',background:'#fff'}"></div>
  4. export default { 
  5.     data() { 
  6.         return { 
  7.             statusBarHeight:100
  8.         }
  9.     }
  10. }

发表评论

表情：
评论列表 （有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue 绑定 style

    在Vue项目中，如果懒得写class属性，想直接将属性写在style上（我知道这不是一个好习惯）要怎么操作呢？ 官方实例 <!-- style 绑定 -->

    旧城等待，旧城等待，/ 0 赞/ 321 阅读