【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..

比特币爱好者007

2858人浏览 · 2019-06-14 12:40:13

比特币爱好者007 · 2019-06-14 12:40:13 发布

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管理状态变量，但是这样太麻烦，所以可以忽略不计，反正不影响正常的功能！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^