款式动静批改(两种形式)
- 通过批改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; } }}
- 数组写法