antdv踩坑实记

这篇博客记录了在使用antdv时遇到的一些坑,包括日期选择器的默认值和时间转换问题,如何实现弹出框的复用,多文件上传的注意事项,以及key值绑定的重要性。
摘要由CSDN通过智能技术生成

antdv (踩坑)

1.日期选择器

 <a-date-picker
              :defaultValue="addForm.creatTime==''? null:moment(addForm.creatTime, 'YYYY-MM-DD hh:mm:ss')"
              show-time
              placeholder="创建时间"
              @change="onChangeDate"
            />

属性

  • defaultValue:选择器的默认日期,不接受时间戳。不显示则赋值为null
  • show-time:是否显示时分秒;
  • placeholder:默认显示文字
  • change事件:变化则触发回调

坑(时间戳转时间,时间转时间戳)
引入moment

	需要在data中定义
import moment from "moment";
import "moment/locale/zh-cn";
**日期转时间戳**
 //日期方法
    onChangeDate(date, dateString) {
   
      console.log(dateString);
      this.addForm.creatTime = moment(Date.now(), dateString)._i;
    },
**时间戳转日期**
creatTime = moment(v.creatTime).format("YYYY/MM/DD hh:mm:ss");

弹出框

需求:新增与修改公用同一个弹出框
思路:动态绑定title,判断title。

<a-modal
        :title="title"
        :visible="visibleA"
        :confirm-loading="confirmLoadingA"
        @cancel="handleCancel"
        closable
        :footer="null"
        destroyOnClose
        :maskClosable="false"
      >

	data(
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值