1、iview table 自定义表头

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<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 正则限制小数点后一位

1
2
3
4
5
6
7
8
9
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 失效还是会修改复制的数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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

1
2
3
4
5
6
7
原因:
Date('2019-10-16') 返回时间戳在正常情况下都可以, 但是 ios 中 new Date('2019-10-16')识别不了里面的 '-',所以导致返回NAN

解决:

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