在做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')
})
这样报错就解决了