父
<update :show="obj"/> //一、用show绑定obj对象,用来传给子
export default{
data(){
return{ //二、定义obj对象
obj:{
a:false
}
}
},
methods:{
anquan(){ //三、(点击让其显示)让obj下面的a属性变为true
this.obj.a=true
}
}
}
子
v-show="show.a" //一、控制消失隐藏的为父组件传过来的show对象中的a的值
export default{
methods:{
close(){ //二、使用show对象下面的a的值,让其为false
this.show.a=false;
}
},
props:["show"] //三、用props接收父级的show
}
父传子props
最新推荐文章于 2024-05-17 08:00:00 发布