【vue+elementui】 新增编辑共同弹窗+解决数据回显报错

vue+elementui 新增、编辑同弹窗数据回显

1、主页面

template-弹窗

<el-dialog 
    width="1000px" 
    align="center" 
    :title="editInfo == null? '新增公告信息' : '编辑公告信息'" 
    :visible.sync="platformAddDialog">
    <addformForm 
        ref="addform" 
        :editInfo="editInfo" 
        @closeDialog="closeDialog" 
        @addformSuccess="addformSuccess"/>
</el-dialog>

script

import addformForm from './add-form' // 引入弹窗组件
export default {
   
    components: {
     addformForm  }    // 注册弹窗组件
	data() {
   
        return {
   
			platformAddDialog: false, // 新增弹框状态值
			editInfo: null,
		}
	}
}

methods

注意时间格式传入及回显

 // 新增
 addHandle() {
   
     this.editInfo = null
     this.platformAddDialog = true;
 },
 // 新增成功回调函数
 addformSuccess() {
   
     this.platformAddDialog = false;
     this.getList()
 },
 // 编辑
 editHandle(id) {
   
     getNoticeById(id)
         .then(res => {
   
             if<