js动态往对象添加一项数据

let color = ''
let colors = []
if (res.flag === 'S') {
  // console.log(res)
  _that.skill = res.info
  for (let key in res.info) {
    _that.isTrue = res.info[key].skill_value
    if (res.info[key].skill_value > 60) {
      color = 'green'
    } else  {
      color = '#f50'
    }
    colors.push(color)
    // 添加一项
    let a = "color";
    let value = colors[key]
    // console.log(colors[key])
    _that.skill[key][a] = value
  }
}

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue.js 是一种流行的 JavaScript 框架,用于构建交互式用户界面和单页应用程序。Vue 通过使用数据绑定来实现响应式更新,允许页面中的元素在数据变化时自动更新,以根据最新的数据提供反馈。添加响应式数据是 Vue 提供的一项关键功能,它可以使开发人员轻松地在组件中添加新的数据属性,并将其自动绑定到页面元素。 要在 Vue 对象添加响应式数据,需要使用 Vue 的 data 选项。这个选项是一个 JavaScript 对象,其中包含组件中要用到的所有数据属性。例如,如果要在组件中添加一个名为 message 的属性,可以在 data 对象添加以下代码: ``` data() { return { message: 'Hello World!' } } ``` 在页面上使用这个属性时,可以通过双花括号语法将其插入到模板中: ``` <template> <div>{{ message }}</div> </template> ``` 这个模板会在渲染时自动更新,以反映 message 属性的最新值。 除了在 data 对象中直接定义属性之外,Vue 还提供了一些方法来动态添加响应式属性。例如,可以使用 Vue.set() 方法添加一个新的属性,该属性将自动成为响应式: ``` this.$set(this.myObject, 'newProperty', 'new value') ``` 这个方法接受三个参数:要添加属性的对象、属性名称以及属性的值。 总的来说,Vue 的响应式数据机制使得开发人员可以轻松地将数据绑定到页面元素上,并在数据变化时自动更新页面。无论是在模板中直接使用属性还是通过 JavaScript 代码动态操作属性,Vue 都提供了易于使用的方法来管理数据和更新视图。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sunny

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值