ant design vue + ts 時遇到的坑之from 表單

在做vue+ant design  vue + ts 時遇到的坑：

1. from表單回顯時間日期遇到的問題

我們需要借助 moment 來做一下處理  ant design vue 官方給出 

import momentfrom 'moment';

import 'moment/locale/zh-cn'

moment.locale('zh-cn');

在我們的頁面：newstime: moment(res.data.rows[0].newstime, 'YYYY-MM-DD')

這樣回顯就不會報錯了

2.You cannot set a form field before rendering a field associated with the value.

剛開始是這樣寫的 尋思也沒啥問題，頁面展示也沒有問題，但是報錯了this.form.setFieldsValue(Object.assign({},res.data.rows[0],{"newstime": moment(res.data.rows[0].newstime, 'YYYY-MM-DD')}));

解決方案 ：

將返回的是分別寫出來

this.form.setFieldsValue({

newstitle : res.data.rows[0].newstitle,

    newstype : res.data.rows[0].newstype,

    newsimg:res.data.rows[0].newsimg,

    newscontent:res.data.rows[0].newscontent,

    newstime: moment(res.data.rows[0].newstime, 'YYYY-MM-DD')

})

這樣報錯就解決了