iview vue 点击右上角的×关闭报错 Prop being mutated

Question

iviewmodal组件拆出去后，点击右上角的×关闭，会报错Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop'svalue.Propbeingmutated:"faultModalStatus"父组件methods:{//监听弹窗的状态getFaultModalStatusChange(e){console.log(e)if(e===false){this.faultModalStatus=false;};},//故障呼叫的点击事件faultClickEvent(){this.faultModalStatus=true;},//弹出层的事件faultConfirmEvent(){this.faultModalStatus=false;},faultCancelEvent(){this.faultModalStatus=false;}},子组件确认取消exportdefault{props:{buttonLoading:{type:Boolean,default:false},faultModalStatus:{type:Boolean,default:false},modalEeqName:{type:String,},modalWorkshop:{type:String,},modalProcess:{type:String,},modalRepairPerson:{type:String,},modalFaultClassify:{type:String,},modalDescribe:{type:String,},modalRepairPersonList:{type:Array},modalFaultClassifyList:{type:Array}},data(){return{//faultModalStatus:falsecurrentIndex:this.faultModalStatus}},methods:{//弹出层的事件faultConfirmEvent(){this.$emit('faultConfirmEvent');},faultCancelEvent(){this.$emit('faultConfirmEvent');},getFaultModalStatusChange(e){this.$emit('getFaultModalStatusChange',e);}}}

Answer 1

不知道楼主解决问题了没，改下子组件Modal组件的用法即可。
子组件