http 요청을 사용하여 Vue 양식 입력을 Adonis 컨트롤러로 보내는 방법

http 요청을 사용하여 Vue 양식 입력을 Adonis 컨트롤러로 보내는 방법

그래서, 나의 Vue 구성 요소는 사용자에게 그의 이메일을 입력하도록 요청한다.사용하고 있다.v-model데이터 바인딩용

<template>
    <input v-model="email" type="text" placeholder="Email" />
    <button class="tiny">Send</button>
</template>
<script>
    export default {
        data: function () {
            return {
                email: ''
            }
        }
    }
</script>

나의MailController아도니스에서는 사용자의 이메일을 입력으로 수신할 수 있어야 한다.나는 이런 것을 상상했다.

'use strict';

class MailController {
    *mail (request, response) {
     const email = request.input('email');
    }
}

무엇을 얻는 올바른 방법이 되어야 하는가?email?

1.) npm 설치 vue-pam --save

2.) vue의 main js 파일에

var Vue = require('vue');
var VueResource = require('vue-resource');

Vue.use(VueResource);

3.) 구성 요소 파일을 다음과 같이 변경하십시오.

<template>
    <input v-model="email" type="text" placeholder="Email" />
    <button @click="submit()" class="tiny">Send</button>
</template>

<script>
    export default {
        data: function () {
            return {
                email: ''
            }
        },

        methods: {
            submit: function() {
                this.$http.post('/your-url', {email: this.email})
                    .then(
                        (response) => {
                            console.log(response);
                        },

                        (error) => {
                            console.log(error);
                        }
                    );
            }
        }
    }
</script>

참조URL: https://stackoverflow.com/questions/45136251/how-to-send-vue-form-input-to-adonis-controller-using-an-http-request