uniapp js设置数据之后,页面不刷新显示的解决方法

目录

场景展示

项目场景:

问题描述

原因分析:

解决方案:


场景展示

数据均为在线生成的模拟数据

                                      


项目场景:

用户登陆之后生成列表,点击列表传递列表id到修改页面,当页面加载完成之后,点击某一个按钮,修改input标签中的值,发现页面中的值不改变


问题描述

例如:当页面加载完成之后,通过js方法修改数据之后,页面当中的数据不跟新显示,或者只有在页面当中点击或者激活输入框才会显示修改后的数据。
原始的修改值方法:

this.valiFormData.deptName = '';

原因分析:

此方法在页面加载之后不会发生改变,需要使用重新加载值的方法


解决方案:

this.$set(this.valiFormData,"deptName",item.deptName)

描述:this.$set(value1,value2,value3)中value1是对象名称,value2是对象的属性,value3是需要修改的值


扩展修改List的值的方法

this.$set(value1,value2,value3) value1 为对象名称, value2 为索引值 ,value3为修改的值

你可能感兴趣的:(vue,uni-app,前端,vue.js)