Thetimezipsby 2021-12-08 17:47 采纳率: 0%
浏览 23

vue3的shallowReactive函数-当改变第二层数据页面不会变,但在改变第一层基本数据类型的值时,第二层数据会变成第一次改变的值,

问题遇到的现象

img

以下是部分代码
  <button @click="person.firstName += '!'">修改姓</button>
  <button @click="person.lastName += '~'">修改名</button>
  <button @click="person.job.j1.salary++">涨资</button>
  <button @click="person.arr[0]++">修改数组第一个值</button>
let person = shallowReactive({
      firstName: "",
      lastName: "",
      job: {
        j1: {
          salary: 20,
        },
      },
      arr: [1, 2, 3, 4, 5],
    });
  • 写回答

1条回答 默认 最新

  • CSDN专家-Time 2021-12-08 17:51
    关注

    vue的机制。
    尝试新建对象。去更新数据。
    尽量不要在原有数据上进行数据操作。
    https://cn.vuejs.org/v2/guide/reactivity.html
    你可以直接设置 data中的任意参数。
    但是不要设置 data中任意参数中的值。

    评论 编辑记录

    报告相同问题?

    问题事件

    • 创建了问题 12月8日

    悬赏问题

    • ¥15 yolov5双目识别输出坐标代码报错
    • ¥15 这个代码有什么语法错误
    • ¥15 给予STM32按键中断与串口通信
    • ¥15 使用QT实现can通信
    • ¥15 关于sp验证的一些东西,求告知如何解决,
    • ¥20 关于#javascript#的问题:但是我写的只能接码数字和字符,帮我写一个解码JS问题
    • ¥15 prophet运行报错,如何解决?
    • ¥15 用GPU跑pytorch搭建的LSTM的时候出现了奇怪的报错
    • ¥20 前端数据是从session等作用域拿到的,如何取值继续传递后端呢
    • ¥15 eclipse无法正常运行