Question

我是vue.js的新手，这就是我如何使用vue.js提交表单，但表单没有提交，我得到“？”在提交表单后也在URL中。

<!-- root Element -->
<body id="test">
<!-- My html form -->
<form v-on="submit: send">
    <input>
    <button>Send</button>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
<script>
    new Vue({
        el: '#test',
        methods: {
            send: function(e) {
                alert('test');
                e.preventDefault(); 
            }
        }
    })
</script>

任何帮助都将受到高度赞赏。

Answer 1

不要将id放在身上，因为你的脚本也在你体内。改为使用div：

<body>
<div id="test">
    <form v-on:submit="send">
        <input>
        <button>Send</button>
    </form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
<script>
    new Vue({
        el: '#test',
        methods: {
            send: function(e) {
                alert('test');
                e.preventDefault(); 
            }
        }
    })
</script>

无法使用vue.js提交表单

1 个答案: