vue 虚拟字段,DOM及时更新,双向绑定等问题

数据的复制最好采用 copyObj()的方法,这样的数据操作起来更单独this.$nextTick(()=>{ console.log('tttttt') }) this.$set(this.localData, 'visibleCity', 'bc')上面的两种方法都...
摘要由CSDN通过智能技术生成

数据的复制最好采用 copyObj()的方法,这样的数据操作起来更单独

this.$nextTick(()=>{
                    console.log('tttttt')
                   
                })
 this.$set(this.localData, 'visibleCity', 'bc')

上面的两种方法都能触发及时更新,

虚拟字段,
在数组中,也就是table数据源中,可以使用map方法对数据进行复制并添加虚拟字段

fetchList(this.listQuery).then(response => {
        const items = response.data.items
        this.list = items.map(v => {
          this.$set(v, 'edit', false) // https://vuejs.org/v2/guide/reactivity.html
          v.originalTitle = v.title //  will be used when user click the cancel botton
          return v
        })        
      })

在form中虚拟字段,可以使用,也就是操作数据源,

let newObj = copyJsObj(val)  重新生成一个对象
this.$set(newObj, 'aaa', 'bbb')  或  newObj.aaa = 'bbb'   推荐使用第一种,好像是官方推荐的,
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值