前端两三问（20191017）

1、iview table 自定义表头

代码语言：javascript复制

<Table :columns="tableColumns" :data="searchResults" v-if="!!searchResults" stripe border></Table>

tableColumns: [
  {
    title: "订单状态",
    renderHeader: (h, row) => {
      return h('Select', {
        props: {
          placeholder: '订单状态',
          value: this.queryData.status
        },
        style: {
          width: '150px',
          display: 'inline-block'
        }
      }, [
        list.map((val) => {
          return h('Option', {
            props: {
              value: val.value,
              label: val.text
            },
            nativeOn: {
              click: () => {
                this.selectOrder(val);
              }
            }
          },val.text)
        })
      ])
    },
]

2、js 正则限制小数点后一位

代码语言：javascript复制

const reg = /^[0-9] ([.]{1}[0-9]{1})?$/

let val = 1.223
reg.test(val)
false

let v = 1.10000
reg.test(v)
true

3、Object.assign 复制后还是会修改被复制的数据

代码语言：javascript复制

Object.assign 用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）

猜测：
因为源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。

结果：
const obj = {
    a: {
        b:1
    }
};
const objA = Object.assign({}, obj);
objA.a.b = 2;
console.log(objA.a.b)   // 2
console.log(obj.a.b)    // 2

解决：
1、深拷贝
2、还在寻找中

4、ios系统下new Date() 日期返回 NAN

代码语言：javascript复制

原因：
Date('2019-10-16') 返回时间戳在正常情况下都可以， 但是 ios 中 new Date('2019-10-16')识别不了里面的 '-'，所以导致返回NAN

解决：

1、返回处理好的时间
2、将 '-' 通过 replace() 替换为 '/' '2019-10-16'.replace(/-/g, '/') => '2019/10/16'

前端每日两三问

整理两到三个日常遇到的问题！！

解决它！！

欢迎小伙伴给出正确的解决方案，你也可以后台给出你平常开发中遇到的问题，分享给大家一起解决！！

我就知道你“在看”

ios assign date nan table

0 人点赞