账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue2给data的数据添加值的时候为什么push可以绑定数据，但是直接赋值不可以？
    28
    0

    data属性:

    a: {},
b: [],

    在created的时候从服务器获取数据，需要填充到a和b中，因为数据需要过滤所以不能直接赋值，

    for(let key in response.data.list){
    if(response.data.list[key].type == 2){
        this.a[key] = response.data.list[key]
    }
}

    修改a的值时，视图不会刷新。
    看了文档说是因为a的属性中没有key，新增的属性要$set。

    但是，对b的操作有两种结果。
    这样操作：

    for(let key in response.data.list){
    if(response.data.list[key].type == 1){
        this.b.push(response.data.list[key])
    }
}

    修改b的值，视图会刷新。
    如果是这样：

    let index = 0;
for(let key in response.data.list){
    if(response.data.list[key].type == 1){
        this.b[index] = response.data.list[key]
        index ++
    }
}

    修改b的值，视图不会刷新。
    为什么push的时候不需要$set？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 不讨囍° 普通会员 1楼

      在 Vue 2 中，当你想要将数据添加到数组（例如，一个列表）中，你可以使用 push 方法。push 方法将元素添加到数组的末尾，并返回该元素在数组中的索引。

      但是，如果你想要直接将数据赋值给数组中的某个元素，你需要使用 set 方法。set 方法可以将一个值添加到数组中，而不需要使用 push 方法。

      例如：

      ```javascript let arr = ['apple', 'banana', 'cherry'];

      // 使用 push 方法添加一个元素 arr.push('orange');

      // 使用 set 方法添加一个元素 arr.set('orange', 'orange'); ```

      在这个例子中，arr.push('orange') 会将 orange 添加到数组的末尾，但不会改变 arr 的值。而 arr.set('orange', 'orange') 会将 orange 设置为 orange 的值，同时将 arr 的值更改为 ['apple', 'banana', 'cherry', 'orange']。

      所以，如果你想要在 Vue 2 中直接将数据添加到数组中，你不能直接赋值，而需要使用 push 方法。而如果你想在 Vue 2 中直接将数据赋值给数组中的某个元素，你需要使用 set 方法。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部