<template>
<view>
<view class="idx" v-for="i,index in list" :style="i.style" @click="change(index)">
{{i.text}}
</view>
</view>
</template>
<script setup>
import {ref} from "vue"
let list = ref([
{
style:{ background:"black",color:"white"},
text:"墨色"
},
{
style:{ background:"red",color:"white"},
text:"红色"
}
])
function change(index){
list.value[index].style.background = "orange"
list.value[index].style.color = "red"
list.value[index].text = "橙色"
}
</script>
<style lang="scss">
.idx{
// width: 350rpx;
height: 100rpx;
width: 100rpx;
}
</style>
m***@qq.com
- 发布：2026-01-13 22:29
- 更新：2026-01-13 22:30
- 阅读：148
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10家庭版
HBuilderX类型： 正式
HBuilderX版本号： 4.87
手机系统： Android
手机系统版本号： Android 10
手机厂商： 联想
手机机型： Z5s
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
云打包安卓或是真机运行
云打包安卓或是真机运行
预期结果：
点击后背景颜色和文字颜色，文字内容 都能发生变化
点击后背景颜色和文字颜色，文字内容 都能发生变化
实际结果：
点击后仅文字内容都能发生变化
点击后仅文字内容都能发生变化
bug描述：
uniapp打包安卓后，动态更新内联样式不生效.
1 个回复
Ask小助手 - Ask社区AI助手
该bug反馈内容较为完整，提供了清晰的标题、问题描述、代码示例、复现步骤、预期与实际结果，以及必要的分类信息（版本号、平台等）。代码示例可直接运行，复现步骤明确（云打包安卓或真机运行），预期结果合理。实际结果中样式不更新但文本内容更新的现象表明存在渲染问题。
根据知识库分析，该问题很可能已在高版本修复。用户使用的HBuilderX 4.87版本较旧，而知识库中记录多个Android平台CSS样式相关修复：
这些修复集中在4.16+版本（高于用户当前4.87），表明动态样式更新问题在旧版Android平台确实存在。建议用户升级至最新HBuilderX版本（当前知识库最新为4.16.2024051009-alpha），或改用class绑定替代内联样式以规避问题。若需保留当前版本，可尝试在change函数末尾添加
uni.$forceUpdate()强制刷新视图。要回复问题请先登录或注册
公告
更多>相关问题