【uni-app框架】使用Vue框架之组件传参的时候错误:Avoid mutating a prop directly since the value will be overwritten when

uni-app框架之警告提示【app端会有,浏览器可能不会出现】:

12:33:16.009 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "popupShow"
12:33:16.051 found in
12:33:16.093 ---> common/components/general/own-dialog-form-box/own-dialog-form-box-first
12:33:16.113 common/components/app/market/market-asset-trade-form-dialog
12:33:16.134 pages/test/test

 

警告原因:使用Vue的多层组件传参之:【祖辈组件----孙组件】层层模拟父【组件向子组件props传参】如果这个props参数有变化,就会提示这个警告【但是不影响正常的功能使用】

 

这个问题想过很多解决方案:由于props是单向父向子传参,props也会动态响应式变化,如果单纯的父向子是不会有任何问题的,而牵涉到多层【祖先想孙子】传参,只要props的参数发生变化的时候,uni-app框架的APP端就会提示这个,如果要想警告取消唯一的办法就是使用Vuex管理状态变量,但是这样太麻烦,所以可以忽略不计,反正不影响正常的功能! 

你可能感兴趣的:(uni-app)