在做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')
})
這樣報錯就解決了