vue3制作点击当前按钮，改变自身的背景颜色，实现代码

可以使用以下代码实现：

<template>
<button @click="changeColor" :style="{ backgroundColor: bgColor }">Click me!</button>
</template>

<script>
export default {
data() {
return {
bgColor: 'white'
}
},
methods: {
changeColor() {
this.bgColor = 'red';
}
}
}
</script>

这个代码使用了Vue3的模板语法和响应式数据，当按钮被点击时，会调用changeColor方法，将背景颜色改为红色。注意，这里使用了动态样式绑定，即通过:style绑定一个对象，对象的属性名为CSS属性名，属性值为对应的值。

相关问题

uniapp制作点击当前按钮，改变自身的背景颜色，实现代码

可以使用以下代码实现：

<template>
<div>
<button @click="changeColor" :style="{ backgroundColor: bgColor }">点击我改变背景颜色</button>
</div>
</template>

<script>
export default {
data() {
return {
bgColor: 'white'
}
},
methods: {
changeColor() {
this.bgColor = 'blue'
}
}
}
</script>

这段代码使用了 Vue.js 框架和 uniapp 框架，通过绑定按钮的点击事件，调用 changeColor 方法来改变按钮的背景颜色。