You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.7 KiB
47 lines
1.7 KiB
// 获取父组件的参数，因为支付宝小程序不支持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 {}; |
|
} |