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

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