nuxt 在测试服务器上报错‘disabled’ of null

Question

dom

      <el-form-item label="邮箱:" :label-width="formLabelWidth" prop="email">
        <el-input :disabled="emailDis" v-model="sideForm.email" auto-complete="off" placeholder="请填写您的邮箱"></el-input>
        <span class="textDescr">邮箱生成后不可修改</span>
      </el-form-item>

data{
 return {
     emailDis:true,
     sideForm:{
       email
     }
   }
}
mounted:function(){
  http.get('user/detail').then(function(res) {
     if (res.email == "") {
        this.emailDis = false;
     }
  });
}

请问我这样写有问题吗？在本地是对的。在测试服务器上就会报这个错请问是怎么回事呢,在线等谢谢大家。

Answer 1

测试服务器上接口是正常的么？

mounted:function(){
  http.get('user/detail').then(function(res) {
     if (res.email == "") {
        this.emailDis = false;
     }
  });
}

本地正常 ，测试环境有问题。说明是这里的没有走通 ，接口报错了，
你console.log(res)看一下，res.email 有么

data{
 return {
     emailDis:true,
     sideForm:{
       email:''
     }
   }
}

初始值的时候最好是 key:value 的形式,没有value就用 ""