我有一个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,在违背我所看到的例子. …