Vue使用res.data进行取值时，无法识别json字符串中有包含横杠 “ - “ 的变量值

Question

这是后台提供的json字符串接口数据

 getAllInfo() {
      const url = 'http://localhost:9525/getDevice'
      this.$http.get(url).then(res => {
            Vue.set(this.manfree.number, 0, res.data.man)
//不包含-的man赋值没问题

            Vue.set(this.manhumi.number, 0, res.data.humidity-man)
//包含-的humidity-man赋值出现问题

Answer 1

这样去写！

 getAllInfo() {
      const url = 'http://localhost:9525/getDevice'
      this.$http.get(url).then(res => {
            Vue.set(this.manfree.number, 0, res.data.man)
//不包含-的man赋值没问题
 
            Vue.set(this.manhumi.number, 0, res.data['humidity-man'])
//包含-的humidity-man赋值出现问题

Answer 2

直接给 manhumi 定义个 number 字段 ，不要手动调用$set 赋值的时候用 res.data['humidity-man']

Answer 3

你可以把中划线全部换成下划线嘛？

Answer 4

变量名都不可以有-，变量值可以是字符串才会出现-符号
这个语法规定的