iview采坑（持续更新...）

最新推荐文章于 2021-09-02 16:21:45 发布

假装的妆

最新推荐文章于 2021-09-02 16:21:45 发布

阅读量166

点赞数

分类专栏：前端文章标签： iview datepicker Table

本文链接：https://blog.csdn.net/weixin_41796860/article/details/109647505

版权

前端专栏收录该内容

33 篇文章 0 订阅

订阅专栏

用习惯了饿了么，突然用iview，有许多点还是不一样的，下面就罗列几点我遇到的小坑坑

Form表单的DatePicker 日期选择器

在表单提交之前，需要对日期属性做格式化处理
不然提交给后台的数据格式就会像下面这样，导致接口失败
如果同一个表单二次提交，则之前做过格式化的日期值不能再次格式化
如果第一次接口失败，格式化过的字段不能再次格式化

Table的某一列字段想自定义显示内容

后台返回来的设备状态字段是0或1，前端需要展示响应的中文

      <Table highlight-row ref="currentRowTable" :columns="columns1" :data="list" >
      </Table>

      eqiupStatus:{
        0: '停用',
        1: "启用"
      },
      columns1: [
        {
            type: 'index',
            width: 60,
            title: '序号',
            align: 'center',
        },
        {
            title: '设备编号',
            key: 'terminalId',
            slot: 'terminalId',
            className: 'table-info-column'
        },
        {
            title: '绑定车辆',
            key: 'carNumber',
        },
        {
            title: '设备状态',
            key: 'usageStatus',
            render: (h, params)=>{
                      return h('span',this.eqiupStatus[params.row.usageStatus]);
                    }
        },