uni-app修改组件数据后,组件页面数据不会重新渲染

uni-app修改组件数据后,组件页面数据不会重新渲染

uni-app修改组件数据后,组件页面数据不会重新渲染_第1张图片
点击规格后,产品价格不会修改,但是在控制器中可以打印出来你修改的值

试过给他重新赋值,但是会报错
在这里插入图片描述大致意思是通过props传递给子组件的数据,不能在子组件内部修改props中的值。

所以就通过在组件中使用这个来把这个修改的值返回给父级

				this.$emit('getPor', {
				  detail: this.product //需要修改的值
				}

在使用该组件的地方调用子组件的这个方法

			<product-popup :product="popup"  @getPor="getPor">
			product-popup>

最后在父级的js文件

			getPor:function(e){
				console.log(e.detail,"qqqqq")
				this.popup=e.detail //获取子组件传来的值
				
			}

你可能感兴趣的:(uni-app,vue,小程序)