無法提交表格vue.js

我是新來vue.js，這就是我如何提交與vue.js一種形式，但形式不提交，我也得到「？」在提交表單之後也在URL中。無法提交表格vue.js

<!-- 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>

任何幫助將不勝感激。

來源

2017-04-21 Khirad Banu

錯誤語法/用法'<形式V系列= 「提交：發送」>'應該是這樣的'<形式V系列：提交= 「發送」>' –

沒有，我仍然無法使用此語法提交表單@BelminBedak –

我不知道您的期望是什麼，但是當您提交表單時，它應該只顯示警報http://jsbin.com/sojonidigo/edit?html,js,output –

不要把你的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>

來源

2017-04-21 15:43:46

無法提交表格vue.js

回答

相關問題