Vue样式绑定

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

  • 通过批改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;
        }
    }
}
  • 数组写法

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理