<template>
<view>
<text class="color-green" :style="someStyle">动态修改了style 原来class不生效了</text>
<button @tap="handleTap">第一次点红色，再点回不去绿色</button>
</view>
</template>
<script>
export default {
data() {
return {
isEnable: false,
}
},
computed: {
someStyle() {
let style = {}
if(this.isEnable){
style.color = 'red'
}
console.log(style)
return style
},
},
onReady() {
},
methods: {
handleTap() {
this.isEnable = !this.isEnable
}
},
}
</script>
<style lang="scss" scoped>
.color-green{
color: green;
}
</style>
c***@qq.com
- 发布：2022-07-27 16:22
- 更新：2022-07-27 17:02
- 阅读：400
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.5
HBuilderX类型： Alpha
HBuilderX版本号： 3.5.2
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 模拟器
手机机型： 15
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
有示例工程，index.nvue 中就是代码，点击按钮就可以
有示例工程，index.nvue 中就是代码，点击按钮就可以
预期结果：
点击两次按钮应该文字颜色可以变回绿色
点击两次按钮应该文字颜色可以变回绿色
实际结果：
文本回复系统默认颜色了
文本回复系统默认颜色了
bug描述：
先给元素一个默认class的颜色，然后东改修改这个元素的style，单撤销修改的时候，原来class不起作用了
