作为一个前端菜鸟,一直有个习惯,就是把工作中新学习到的东西记在备忘录中,但是这些帮助我成长的记录往往因为各种原因会遗失,所以开始写博客,通过它记录自己的成长历程,也希望它能给广大同行带来一丝帮助和方便!

    我们做前端的经常会遇见页面初始化设置默认值的问题,当你的后端不乐意为了你的前端效果而添加一个字段是时候,那我们就自己干起来吧,下面来贴代码~

    给接口返回数组添加字段

this.judgeList.forEach((v,i,arr)=>{
  this.$set(arr,i,{
    ...v,
    'isChecked':false
  })
})

   很简单的几行代码,却包含着两个用法:

    foreach(currentValue,index,arr)巧妙的用好了foreach的三个参数当前元素,当前元素索引值,当前元素所属的数组对象

    this.$set(arr,  index,  val)。当然,this.$set除了用于操作数组外还可以操作对象,使用示例:this.$set( obj, key, val).

    两个方法的巧妙结合实现纯前端通过添加字段设置默认值的效果,如有问题,欢迎大家多多指导!

12-21 12:16
查看更多