数组赋值

1.this.object= Object.assign({}, record)
2._.assign(object, [sources]) 

这方法会改变 objecthttps://www.lodashjs.com/docs/lodash.assign

3._.set(this.table, 'loadData', data)
  this.$set( this.table,'loadData1',val)  // 一般用于对象赋值,可以给到对象get和set方法   很好
4.let data = _.get(res, 'data.records')
5.    
    this.loadData.splice(0,this.loadData.length) //一开始初始化this.loadData,看情况要不要初始化
    //(数组初始化不要直接用this.loadData=[],因为只是一个空数组没有方法,会无法绑定,表格出不来(多次调用整个方法的情况下))
    setTable1 (val,dsName){
        val.forEach((item,index)=>{ //循环赋值,若使用push记得一开始初始化,要不然多次点击会越来越多
            this.loadData.push(item)   //或this.loadData[index]=item
      })
//小程序
this.setData({
    ['partsList.front['+i+'].choose']:!this.data.partsList.fron[i].choose
})        
this.setData({[`showIndex[${i}].isShow`]: !this.data.showIndex[i].isShow})

表单赋值

this.form.setFieldsValue({ username: record.username })
this.form.setFieldsValue({ ...record })
// 重置
this.form.resetFields()
this.$refs['table-search-ref'].resetFields()

 <a-button style="margin-left: 8px" @click="() => this.form.resetFields()">重置</a-button>
this.form.getFieldValue('selectedRole')

对象赋值

直接用“=”其实会复制地址,改变一个另一个就会变,要用: 对象层级大于2层时,子孙级会改变时,要用深拷贝scope.buttonParts = .cloneDeep(.assign({}, buttonParts, scope.buttonParts))

方法一:Object.assign
function copy(obj){
    return Object.assign({}, obj);
}
方法二:…展开运算符
function copy(obj){
    return { …obj };
}
方法一,方法二是浅拷贝,也就是当对象层级大于2层时,复制到的还是地址信息
let a = {age:1,
         jobs: {first:'FE’} 
        }
let b = copy(a) 
a.jobs.first =‘native'
console.log(b.jobs.first)// native
方法三:JSON
function copy(obj){
    return JSON.parse(JSON.stringify( obj ));
}
会忽略undefined,fn
不能序列化函数
不能解决循环引用的对象
方法四:MessageChannel
function structuralClone(){
    return new Promise(resolve =>{
        const {port1,port2} = new MessageChannel()
        port2.onmessage = ev => resolve(ev.data)
        port1.postMessage(obj)
    })
}
obj2  = await structuralClone(obj1);
bankAccountMap: {},addressMap: {},
let index = 0
for (const item in res.data) {
     this.bankAccountMap[index] = item
     this.addressMap[index] = res.data[item]
     index++
}
//item是属性名称res.data[item]是属性值
this.bankAccountMap = item{...res.data}
<div :style="{textAlign:getValue(record,'options.fontStyle.textAlign')}">
_.set(this.table, 'loadData', data)
this.$set( this.table,'loadData1',val)  // 可以给到对象get和set方法   很好
this.bankAccountMap = Object.assign({},this.bankAcoount)
两个JSON对象直接赋值
temQueryInfo: {
  pageIndex: 1,
  pageSize: 15,
  filter: {}
},
queryInfo: {
  pageIndex: 1,
  pageSize: 15,
  filter: {
    prOrgNo: this.$store.getters.userInfo.orgNo,
    superviseType: null,
    handleStatus: null,
    checkBeginDate: checkBegin,
    checkEndDate: null,
    tgNo: null,
    superviseUser: null
  }
},
this.temQueryInfo = JSON.parse(JSON.stringify(this.queryInfo))
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐