父传子
给父组件中的子组件定义一个传值的属性
//代码中isadd跟data都是传值属性
<add-dept ref="add" :isadd.sync="isAdd" :data="node" @updataNumber="getInfo" />
子组件中通过props进行接收
props: {
isadd: {
type: Boolean,
default: false
},
data: {
type: Object
}
},
isadd.sync 是为了后期在子组件直接对父组件传过来的值isadd进行修改,(记住不能直接在子组件修改父组件传过来的值,得先通知父组件,对其原先值isAdd进行修改不然会报错,可以用.sync修饰符的修改方法比较方便)
this.$emit('update:isadd', false)
//我们可以通过这种写法对父组件传过来的值进行更新