今天在写vue项目的时候遇到了这样一个问题当我点击某一个二级菜单的时候会进入到相应的页面,但是这个页面的created方法不执行

代码如下:

data(){
  return{
      uploadData: {
        userId: '123',
      }
    }
  },
methods: {
   resetEditFrom() {
     this.editForm = {}
   },
   created() {
     console.log("come in...............")
     const _this = this
     this.$axios.get("/User/imageUrl/"+sessionStorage.getItem("userId")).then(function (resp) {
       console.log(resp.data)
       _this.userInfo.avatar = resp.data
     })
   }
}

很明显我将created方法放到了methods中,正确的做法应该是放到和data()、method同级别,代码如下:

data(){
  return{
      uploadData: {
        userId: '123',
      }
    }
  },
methods: {
   resetEditFrom() {
     this.editForm = {}
   }
}created() {
  console.log("come in...............")
  const _this = this
  this.$axios.get("/User/imageUrl/"+sessionStorage.getItem("userId")).then(function (resp) {
    console.log(resp.data)
    _this.userInfo.avatar = resp.data
  })
}
Logo

前往低代码交流专区

更多推荐