小编Had*_*dad的帖子

从Axios访问VUE JS的数据

我有一个Vue JS(Vuetify)应用程序,它发出一个ajax请求,我想用响应填充div的内容,但是我在访问实例的数据时遇到了困难.我看到的所有示例都使用来指向数据对象,但是当我这样做时,我得到了这个错误

Unable to set property 'message' of undefined or null reference

该应用程序非常简单:

main.js:

import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify'


Vue.use(Vuetify)

new Vue({
  el: '#app',
  render: h => h(App)
})
Run Code Online (Sandbox Code Playgroud)

App.vue

export default {
  data () {
    return {
    ....
    message: '',
    order: {},
    ...
  },
  methods: {
    send: function() {
      axios.post(this.api+"orders",this.order).then(function(response) {
        this.message = "Your payment was successful";
        ...
      }
   }
 }
Run Code Online (Sandbox Code Playgroud)

this.order是不与爱可信的问题访问法然而,处理返回的承诺匿名函数似乎有访问问题this.message,在违背我所看到的例子. …

javascript lexical-closures axios vuejs2 vuetify.js

6
推荐指数
2
解决办法
7243
查看次数

标签 统计

axios ×1

javascript ×1

lexical-closures ×1

vuejs2 ×1

vuetify.js ×1