现在在原本需求之上，需要对弹框里的内容进行改变，比如弹框表格新增记录，此时props中的record需要改变，若是继续直接采用record就会可能出现报错
//父组件中（handleRecordDialog为子组件） //html handleRecordDialog(:record="record) //js部分 import handleRecordDialog from ‘@self/components/‘ record:[]
//子组件中 props:{ record:{ type:Array, default:()=>[{}] } }
//父组件中： handleRecordDialog(:recordData="record")
//子组件中： props:{ recordData:{ type:Array, default:()=>[{}] } } data(){ return { record:[] } } watch:{ recordData:{ handle(val) { this.record = JSON.parse(JSON.stringfy(val)) }, immediate:true }, }
原文：https://www.cnblogs.com/bindy-totoro/p/15072798.html