getParent.js 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // 此库来自 https://www.uviewui.com/js/intro.html
  2. // 获取父组件的参数,因为支付宝小程序不支持provide/inject的写法
  3. // this.$parent在非H5中,可以准确获取到父组件,但是在H5中,需要多次this.$parent.$parent.xxx
  4. export default function getParent(name, keys) {
  5. let parent = this.$parent;
  6. // 通过while历遍,这里主要是为了H5需要多层解析的问题
  7. while (parent) {
  8. // 父组件
  9. if (parent.$options?.name !== name) {
  10. // 如果组件的name不相等,继续上一级寻找
  11. parent = parent.$parent;
  12. } else {
  13. let data = {};
  14. // 判断keys是否数组,如果传过来的是一个数组,那么直接使用数组元素值当做键值去父组件寻找
  15. if(Array.isArray(keys)) {
  16. keys.map(val => {
  17. data[val] = parent[val] ? parent[val] : '';
  18. })
  19. } else {
  20. // 历遍传过来的对象参数
  21. for(let i in keys) {
  22. // 如果子组件有此值则用,无此值则用父组件的值
  23. // 判断是否空数组,如果是,则用父组件的值,否则用子组件的值
  24. if(Array.isArray(keys[i])) {
  25. if(keys[i].length) {
  26. data[i] = keys[i];
  27. } else {
  28. data[i] = parent[i];
  29. }
  30. } else if(keys[i].constructor === Object) {
  31. // 判断是否对象,如果是对象,且有属性,那么使用子组件的值,否则使用父组件的值
  32. if(Object.keys(keys[i]).length) {
  33. data[i] = keys[i];
  34. } else {
  35. data[i] = parent[i];
  36. }
  37. } else {
  38. // 只要子组件有传值,即使是false值,也是“传值”了,也需要覆盖父组件的同名参数
  39. data[i] = (keys[i] || keys[i] === false) ? keys[i] : parent[i];
  40. }
  41. }
  42. }
  43. return data;
  44. }
  45. }
  46. return {};
  47. }