javascript - 如何使用 vue.js 从输入中获取值？

Question

我需要一些启发。现在，我正在学习 vue.js，我想知道如何从输入表单中获取所有数据值？我想从那里获取所有数据并保存到我的数据库中。但是，我仍然不知道如何获取所有这些数据..thx

<div id="example-1">
        <form>
            <input v-model="info.name">
            <input v-model="info.nickname">
            <input v-model="info.gender">
            <input type="submit" name="" value="Submit" v-on:click="submitData">
        </form>
    </div>

    <script>
        var example1 = new Vue({
                el: '#example-1',
                data: {
                    info: {
                        name: '',
                        nickname: '',
                        gender: ''
                    }
                }
            },
            methods: {
                submitData: function() {
                    console.log(this.info);
                    // this.$http.post('/api/something', JSON.stringify(this.info));
                }
            })
    </script>

Answer 1

我打赌您需要阻止默认操作。当您提交表单时，页面会自动重新加载。您永远不会在控制台中看到来自服务器的响应，因为在提交操作后刷新页面时该响应将会清除。

去here ，和 ctrl + f '事件修饰符'。在这种情况下，您需要使用 .prevent，然后编写自己的代码来处理提交/响应。