0

我的 vue save 方法有问题，我不知道它是如何定义不正确的。我使用 Laravel 5、VueJS 2 和 webpack 来编译它。

所以在我的 app.js 中，我有以下内容：

var Vue = require('vue');
var VueRouter = require('vue-router');
var VueResource = require('vue-resource');
import VueSweetAlert from 'vue-sweetalert';

Vue.use(VueRouter);
Vue.use(VueResource);
Vue.use(VueSweetAlert);

const router = new VueRouter({
    hashbang: false,
    history: true,
    linkActiveClass: 'active',
    mode: 'hash',
    saveScrollPosition: true,
    transitionOnLoad: true,
    routes: routes
})

const app = new Vue({
    router
}).$mount('#app')

在我的 createLocation.vue 我有以下代码：

methods:{
  onSubmit: function(e){
    var self = this;
    e.preventDefault();

    var formData = {
        name: self.vmName,
        street: self.vmStreet,
        street_number: self.vmStreetNumber,
        postal: self.vmPostal,
        city: self.vmCity,
        contactName: self.vmContactName,
        contactPhone: self.vmContactPhone,
        contactEmail: self.vmContactEmail,
        username: self.vmUsername,
        password: self.vmPassword
    };

    self.resource.get(formData).then((response) => {
        self.$swal('Gelukt', 'Location added!', 'success').then(function() {
            self.$route.router.go('/locations');
        });
    }, (response) => {
        var errorMessage = '';
        $.each(response.data, function(k, v) {
            errorMessage = errorMessage + v[0] + '<br/>';
        });
        self.$swal('Oops...', errorMessage, 'error');
    })
  }
}

然而，每当我按下提交按钮时，我都会收到：

Uncaught TypeError: Cannot read property 'save' of undefined

但我不知道为什么现在会发生这种情况？我的仪表板上有一个类似的 get 请求，它运行良好，因此我可以确认 vue 路由器和 vue 资源工作正常。

4

0 回答 0