在开发过程中,写了一个弹窗组件作为该表格的子组件,目的是点击弹出展示该表格的详细信息,通过props传值点击的该行信息,犹豫后端返回的是0和1分别代表‘未完成’和‘已完成’,犹豫在父组件中是三目运算符判断 {{itemc.alarmStatus=='1'?'已处理':'未处理'}} ,子组件中对传过来的数据格式化时候父组件对应状态也进行变化。
经过研究,当父组件传值过来时,我在子组件里面通过JSON.parse(JSON.stringify(data))对数据进行拷贝,然后赋值给子组件中定义好的变量,然后对子组件中拷贝的值进行数据格式化,并且进行展示
拷贝父组件的值:
this.copyData = JSON.parse(JSON.stringify(this.targetDataPar))
然后直接对this.copyData进行操作就好了