vue +iview +modal 弹框关闭后再次打开不显示的问题

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值