问题描述

我使用的是vue.js框架，就是我从后台哪里请求的数据，用来控制颜色变化，我使用了wacth来监听了值的变化，data里面定义了变量。

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
data (){

return{
    status: '',
}

}
watch: {

status(newStatus,oldstatus){
  this.a = newStatus
}

},
mounted(){
// 请求后台数据

homeList().then(Response => {
  this.loading = false
  this.homeMapDatas = Response.data[4]
  // console.log(this.homeMapDatas.devStatus)
  if(this.homeMapDatas.devStatus<1){
    this.status="'#000'"
  }else if(0<this.homeMapDatas.devStatus && this.homeMapDatas.devStatus<2){
    this.status="'#00d545'"
  }else if(1<this.homeMapDatas.devStatus && this.homeMapDatas.devStatus<3){
    this.status="'#FBDB00'"
  }else{
    this.status="'#FA3723'"
  }
  // this.bgcolor = new asArray(this.a)
  // console.
})

this.bgcolor = new asArray(this.a)

你期待的结果是什么？实际看到的错误信息又是什么？

AssertionError {__ob__: Observer}code: (...)message: (...)name: (...)__ob__: Observer {value: AssertionError, dep: Dep, vmCount: 0}get code: ƒ reactiveGetter()set code: ƒ reactiveSetter(newVal)get message: ƒ reactiveGetter()set message: ƒ reactiveSetter(newVal)get name: ƒ reactiveGetter()set name: ƒ reactiveSetter(newVal)__proto__: Error "mounted hook"