1.问题描述:在vue +iview的环境下面,将modal封装成一个子组件,在父组件中引用,关闭modal之后,再次打开,发现 没有反应。 (经推断是modal关闭之后,没有触发组件重新渲染
2.实现代码:
父组件:
template:
在这里插入图片描述
在这里插入图片描述
data:
在这里插入图片描述
method:
在这里插入图片描述
子组件:
在这里插入图片描述
3.总结:封装模态框,然后进行传值的时候,不要采用一般的思维模式进行传值,即props属性,因为props属性传给子组件的值在子组件中是不可更改的,而modal中的v-model采用的是双向数据绑定的原理,当模态框改变状态时,props传过来的值也会改变,这样会报错。建议采用:this.$emit()方法进行传值

Logo

前往低代码交流专区

更多推荐