1 父组件
//第一种用法
//第二种用法
v-slot:title>
主体内容,随便写点什么...
主体内容,随便写点什么...说你想说的
data(){
return{
visible: false,
}
},
methods:{
changeMessage(str){
alert(1)
this.visible = str;
}
}
2 子组件
x
methods: {
handleClose() {
//visible是父组件传过来的props,子组件不能直接修改,需要子传父
this.$emit("update:visible", false);//子组件传递到父组件,用以上两种方法任意一种都可以
//第一种用法,必须在methods中写函数
//第二种用法: 不需要写函数,直接父组件可以接受响应。
//
},
}