watch:{
value(val) {
console.log(val);
this.visible = val;
},
visible(val) {
this.$emit('input', val);
}
},
methods:{
cancel(){
this.visible = false;
}
},
mounted() {
if (this.value) {
this.visible = true;
}
}
}
</script>
///调用modal组件
<modal v-model="isShow"></modal>
export default {
name: 'app',
data () {
return {
isShow:false
}
}
}
</script>
这样调用组件的代码是不是很简洁，其他人员要调用的话，会很轻松，只要设置 isShow 就可以控制 modal 组件的显示或者隐藏，同时 如果是modal 组件内部关闭按钮关闭的，状态也会传到 isShow。
