VUE父子组件之间值传递

父组件里面定义子组件

<bill-detail ref="billDetailChild" :billDetailVisible="billDetailVisible" :statementNo="statementNo" @getBillDetailVisible="getDetailVisibleData"></bill-detail>

:billDetailVisible="billDetailVisible"：将父组件的billDetailVisible传递给子组件，子组件定义一个参数名为billDetailVisible

 @getBillDetailVisible="getDetailVisibleData"

父组件接收子组件的值

子组件定义：

watch: {
	billDetailVisible(val) {
		this.showDialog = val;
	},
	showDialog(val) {
		this.$emit("getBillDetailVisible", val);
	},
},

父组件写一个方法getDetailVisibleData接收子组件改变的值：

getDetailVisibleData(val) {
	this.billDetailVisible = val;				
},