vue在方法中修改css样式
时间: 2024-05-04 11:15:49 浏览: 120
vue中改变滚动条样式的方法
Vue中可以使用v-bind:style来绑定样式,可以在方法内改变绑定的样式属性,例如:
```
<template>
<div :style="{ backgroundColor: bgColor }"></div>
</template>
<script>
export default {
data() {
return {
bgColor: 'red'
}
},
methods: {
changeColor() {
this.bgColor = 'blue';
}
}
}
</script>
```
在方法中调用changeColor就可以修改样式。
阅读全文