Vue样式绑定

53次阅读

共计 223 个字符,预计需要花费 1 分钟才能阅读完成。

款式动静批改(两种形式)

  • 通过批改 class 属性
  • 通过批改 style 属性

通过 class 属性

通过批改 class 属性的类名来更改款式

  • 对象写法
<view class="box" :class="{'bg-red': isRed}"></view>

export default {data() {
        return {
            title: 'Hello',
            isRed: true
        }
    },
    methods: {changeColor(){this.isRed = !this.isRed;}
    }
}
  • 数组写法

正文完
 0