uniapp数据更新页面视图不更新

最新推荐文章于 2024-08-22 11:53:20 发布

蔡定努

最新推荐文章于 2024-08-22 11:53:20 发布

阅读量1w

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/caidingnu/article/details/105061152

版权

vue 专栏收录该内容

28 篇文章 45 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

在uniapp开发中遇到数据变化但视图未更新的问题，通过在watch中监听data变动，调整视图关键字实现强制重绘。确保状态绑定在特定标签模块，防止全局闪烁影响用户体验。

摘要由CSDN通过智能技术生成

在watch函数中监听数据的变化，然后改变需要刷新的视图绑定的显示与否的关键字，强制重新渲染

<template v-if="update">
					<!-- 单选 -->
					<radio-group v-if="data.question.type==1" name="answer" @change="addAnswer">
						<view v-for="(item,index) in data.answer " style="padding-bottom: 15rpx;">
							<label>
								<radio :value="item.answerSerialNumber" /><text style="margin-right: 10px;">{
  {item.answerSerialNumber}}</text><text>{
  {item.answerContent}}</text>
							</label>
						</view>
					</radio-group>
					<!-- 多选 -->
					<checkbox-group name="answe

了解本专栏