问题描述
我使用的是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"