卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
首页 › 技术 › 前端两三问

前端两三问

坚果大叔
2019-09-11 15:14:21技术阅读 691

文章目录[隐藏]

  • 问题一、 正则限制金额数字小数点后两位
  • 问题二、 js 去除字符串最后一个逗号
  • 问题三、 vue数组通过 push 但是视图未更新

问题一、 正则限制金额数字小数点后两位

let reg = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/

let num = 1.234

reg.test(num)   // false

问题二、 js 去除字符串最后一个逗号

// 第一种

let s = '1,2,3,4,'
s = s.Substring(0, s.lenght - 1)

// 第二种

let reg=/,$/gi
s = s.replace(reg,"")

问题三、 vue数组通过 push 但是视图未更新

已知 push() 在vue中是变异的数组操作方法会触发视图更新,但是视图就是没有更新。

// 数据格式如下:

data: {
    list: []
}

data.list.push(obj) 

以上操作,在vue中看见数据已经添加,但是页面就是无法刷新,尝试如下方法:

// 通过 Vue.set()   无效

this.$set(this.data.list,data.list.length + 1, obj)

// 通过 Object.assign() // 无效

this.data.list = Object.assign({}, this.data.list, obj)

// 解决,将data中的list提取到外部,然后再赋值

data: {

},
list: []

this.list.push(obj)

this.data.list = Object.assion({}, this.data.list, this.list)

感觉很纳闷,这样就可以了,网上也查了很多资料,没有找到实际答案。有知道问题的小伙伴么。



微信扫描下方的二维码阅读本文

字符串 数组
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
ES6入门之Proxy
上一篇
重学js之JavaScript 面向对象的程序设计(创建对象)
下一篇
近期文章
  • ant-design-vue a-select 下拉滚动的时候出现数据重复
  • ant-design-vue a-checkbox-group 追加数据后第一个无法选中
  • 5.1游记
  • 将数组中空值字段赋默认值!
  • 周末出游,惊喜相伴——水牛的美丽邂逅。
ant-design-vue a-select 下拉滚动的时候出现数据重复
2023-05-15 14:49:38
91 1 0
ant-design-vue a-checkbox-group 追加数据后第一个无法选中
2023-05-13 15:13:43
149 0 0
将数组中空值字段赋默认值!
2023-04-25 14:49:11
182 0 0
数字跟文字一起被强制换行了?
2023-04-07 17:25:04
254 0 0
  • 0
博主

一枚佛系前端开发,会一丢丢摄影,喜欢折腾,爱好美食。分享点前端技巧、笔记以及各种有趣的APP和资源教程♥♥

友链
Lieme
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔
Copyright © 2017-2023 卖坚果的怪叔叔

萌ICP备20230818号 苏ICP备18048410号-2
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
# WordPress # # CSS #
坚果大叔
243
文章
65
评论
186
喜欢