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')

})

这样报错就解决了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容