vue this is undefined

最新推荐文章于 2024-08-19 11:03:35 发布

未来可期MXH

最新推荐文章于 2024-08-19 11:03:35 发布

阅读量444

点赞数

分类专栏： vue 文章标签： java html es6

本文链接：https://blog.csdn.net/qflyit/article/details/111093038

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在使用axios经常会出现这个问题

如下面代码

data(){
  return{
    goods:{
      title:null,
      subTitle:null,
      originalCost:null,
      currentPrice:null,
      discount:null,
      isFreeDelivery:null
    }
  }
},

  mounted:function()
  {//this is undefined
    axios.get("http://localhost:8081/get/goods/749").then(function (response){
      console.log(response);
      var _this = this;
      _this.goods = response.data;
    });

修改后：只需要将function换成=> 箭头函数就可以了

mounted:function()
  {
    axios.get("http://localhost:8081/get/goods/749").then((response)=>{
      console.log(response);
      var _this = this;
      _this.goods = response.data;
    });