微信小程序中动态更新样式

最新推荐文章于 2024-08-15 18:54:04 发布

慢吞吞的树懒

最新推荐文章于 2024-08-15 18:54:04 发布

阅读量680

点赞数

分类专栏：微信小程序 Vue 文章标签：小程序 vue.js

本文链接：https://blog.csdn.net/weixin_44824839/article/details/110765199

版权

微信小程序同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

Vue

4 篇文章 0 订阅

订阅专栏

在微信小程序中动态更新style样式：

<button
      bindtap="onClick"
      disabled="{{isDisable}}"
      style="display:{{isDisplay?'flex':'none'}};background-color:{{color}};border-radius:{{radius}};shadow-color:{{shadowColor}};padding:{{padding}};margin:{{margin}};font-size:{{fontSize}}"
  >
    {{title}}
  </button>

在vue中动态style写的属性名不能出现横线

<button
    @click="onClick"
    :disabled="isDisable"
    :style="{display:isDisplay?'flex':'none',backgroundColor:color,borderRadius:radius,shadowColor:shadowColor,padding,margin,fontSize}"
>
  {{title}}
</button>