$nextTick和浅拷贝-新增和编辑共用一个表单的小技巧

最新推荐文章于 2023-10-05 13:57:56 发布

前端程序媛Ying

最新推荐文章于 2023-10-05 13:57:56 发布

阅读量313

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_62323730/article/details/129378921

web前端专栏收录该内容

56 篇文章

订阅专栏

文章介绍了在Vue.js中使用$nextTick方法来确保在DOM更新后执行代码，特别是在弹框显示后正确地浅拷贝对象到表单绑定的模型，避免了因同步赋值导致的重置问题。

  // nextTick 延迟执行,等待下一次 DOM 更新刷新的工具方法
  // 弹框出现之后再去赋值,防止出现 新增重置不了表单
  proxy.$nextTick(() => {
    // 浅拷贝,把 row 浅拷贝给表单绑定的对象,就不用一个一个赋值了
    Object.assign(formUser, row)
  })