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

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

img

 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赋值出现问题

这样去写!

img

 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赋值出现问题

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

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

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