vue父子组件通信
2021-07-05 本文已影响0人
lvyweb
一、vue父组件传值给子组件
父组件中定义一个数据clickCourtFjm
<device-tree :courtFjm="clickCourtFjm"></device-tree>
子组件接收数据
props: {
courtFjm: {
type: String,
default: ''
}
},
created(){
console.log("******courtFjm*****", this.courtFjm);//这里就可以打印出来父组件传的值
},
二、vue父组件和子组件双向数据绑定
父组件中
<see ref="assetList" v-model:dataShow ='dataShow'/>
子组件中接收数据
props: {
dataShow: {
type: Boolean,
default: false
}
},
emits: ["update:dataShow"],
// 具体事件中
methods:{
handleChange() {
this.$emit("update:dataShow", this.tableSelect);
},
}