Blame view

uview-ui/libs/function/getParent_1.js 1.66 KB
290144e9   易尊强   第一次
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
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 {};
  }