ant design vue + ts 时遇到的坑之from 表单

Posted 2021-03-17 xiebeibei

在做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‘)

})

这样报错就解决了