1.场景: 在某个页面需要添加一个提交数据的一个表单弹框,弹框中引入了一个子图片上传组件uploadimg,当数据提交完成之后,隐藏弹框并把表单数据重置(不刷新页面),但下次打开页面时图片上传组件上次添加的数据还是显示在弹框中,现在是需要将图片上传组件uploadimg强制刷新。
2.在父组件中给子组件定义一个判断值
<Uploadimgs style="width: 400px;margin-top: 20px" ref="zanImg" v-if="showUploadimgs == true"></Uploadimgs>
3..在提交的方法中重新给这个判断值定义
this.showUploadimgs = false
4.然后在同一个方法$nextTick
this.$nextTick(() => {
this.showUploadimgs = true;
})
5.原理就是采用v-if会销毁组件并且重绘,这样就会重载组件达到刷新子组件的效果