vue父子组件传值之单向数据流非常详细的讲解(二)

接上一章,之前的方法感觉还是有点繁琐,有没有简单一点的方法?有!

我们在外面父组件那里给dialog-info标签添加一个.sync装饰器:
在这里插入图片描述
后面的@statusChangeHide直接删掉:
在这里插入图片描述

下面的change方法也删掉:
在这里插入图片描述

并且从return的对象里面剔除,然后回到子组件DialogInfo中,把之前的handleClose回调函数里面的$emit语句删掉:
在这里插入图片描述
换成:

this.$emit("update:visible", false)

在这里插入图片描述
注意这里"update:visible"之间不能有空格!

在这里插入图片描述
在这里插入图片描述
这样同样可是实现想要的效果

猜你喜欢

转载自blog.csdn.net/dyw3390199/article/details/114502873