vue调用组件,组件回调给data中的数组赋值,报错Invalid prop type check failed for prop value. Expecte

2020-12-13 03:07

阅读:394

标签:typename   java   orm   ber   taf   code   join   mamicode   checked   

报错信息:

技术图片

 

代码信息:
调用一个tree组件,选择一些信息

  

选择之后返回选中数据信息,并且在父组件中给data中的数组(type、typeName)赋值:

data: function () {
	return {
		dataForm: {
			type: [],
			typeName: []
		}
	}
},

  


回调方法执行:

treeCheck: function (a, b) {
	let t = []
	let tid = []
	for (var i = 0; i 

  


在给type 和typeName 赋值的时候 ,报错
Invalid prop: type check failed for prop "value". Expected String, Number, got Array

解决方法:
重新定义两个变量:

AtypeName: ‘‘,
Atype: ‘‘,

回调函数的时候给这两个变量赋值:

treeCheck: function (a, b) {
	let t = []
	let tid = []
	for (var i = 0; i  0) continue
		t.push(b[‘checkedNodes‘][i][‘name‘])
		tid.push(b[‘checkedNodes‘][i][‘id‘])
	}

	this.AtypeName = t.join(‘,‘)
	this.Atype = tid.join(‘,‘)
},

  

监听这两个值得变化:

watch: {
	AtypeName (val) {
		this.dataForm.typeName = val.split(‘,‘)
		this.dataForm.type = this.Atype.split(‘,‘)
		console.log(this.dataForm)
	}
}

  


变化时,给type 和typeName 赋值

这是折中的解决方案,不熟悉vue不清楚报错原因,先这样解决吧

vue调用组件,组件回调给data中的数组赋值,报错Invalid prop type check failed for prop value. Expecte

标签:typename   java   orm   ber   taf   code   join   mamicode   checked   

原文地址:https://www.cnblogs.com/pangchunlei/p/11067677.html


评论


亲,登录后才可以留言!