Question

我需要一些启示。现在，我正在学习vue.js，我想知道如何从输入表单中获取所有数据值？我想从那里获取所有数据＆amp;保存到我的数据库中。但是，我仍然不知道，如何获得所有这些数据.. 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＆＃39;事件修改器＆＃39;。在这种情况下，您希望使用.prevent，然后编写自己的代码来处理提交/响应。

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

1 个答案: