前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端两三问(20191017)

前端两三问(20191017)

作者头像
执行上下文
发布2022-07-26 14:35:48
1710
发布2022-07-26 14:35:48
举报
文章被收录于专栏:执行上下文执行上下文

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'

前端每日两三问

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

解决它!!

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

我就知道你“在看”

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-10-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 执行上下文 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、iview table 自定义表头
  • 2、js 正则限制小数点后一位
  • 3、Object.assign 复制后还是会修改被复制的数据
  • 4、ios系统下new Date() 日期返回 NAN
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档