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