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でフォームを送信できません

答えて

関連する問題