地址替换

zengh

2022-06-21 4efeb31d5b4921d7e851c256009486ad86bc70e2

 uview-ui/libs/function/getParent.js

New file
@@ -0,0 +1,47 @@
// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
export default function getParent(name, keys) {
   let parent = this.$parent;
   // 通过while历遍，这里主要是为了H5需要多层解析的问题
   while (parent) {
      // 父组件
      if (parent.$options.name !== name) {
         // 如果组件的name不相等，继续上一级寻找
         parent = parent.$parent;
      } else {
         let data = {};
         // 判断keys是否数组，如果传过来的是一个数组，那么直接使用数组元素值当做键值去父组件寻找
         if(Array.isArray(keys)) {
            keys.map(val => {
               data[val] = parent[val] ? parent[val] : '';
            })
         } else {
            // 历遍传过来的对象参数
            for(let i in keys) {
               // 如果子组件有此值则用，无此值则用父组件的值
               // 判断是否空数组，如果是，则用父组件的值，否则用子组件的值
               if(Array.isArray(keys[i])) {
                  if(keys[i].length) {
                     data[i] = keys[i];
                  } else {
                     data[i] = parent[i];
                  }
               } else if(keys[i].constructor === Object) {
                  // 判断是否对象，如果是对象，且有属性，那么使用子组件的值，否则使用父组件的值
                  if(Object.keys(keys[i]).length) {
                     data[i] = keys[i];
                  } else {
                     data[i] = parent[i];
                  }
               } else {
                  // 只要子组件有传值，即使是false值，也是“传值”了，也需要覆盖父组件的同名参数
                  data[i] = (keys[i] || keys[i] === false) ? keys[i] : parent[i];
               }
            }
         }
         return data;
      }
   }

   return {};
}