event.preventDefault()不适用于表单提交

时间:2018-04-18 21:50:01

标签: javascript vue.js

event.preventDefault()不起作用

 <script type="text/javascript" src="vue.js"></script>

 <div id="app">
 <form v-on:submit.prevent="saveData">
 <input type="text" name="test">
 <button type="submit">Go</button>
 </form>
 </div>

<script type="text/javascript">
new Vue({
 'el': '#app',
      'methods':{
         'saveData': function(event){
             event.preventDefault();
  }
  }
 });
 </script>

1 个答案:

答案 0 :(得分:2)

.prevent modifier就足够了。您不必在处理程序中调用Copy-Item -Path "\\\ServerB\SharedFile" -Destination "$Env:USERPROFILE" -Force -PassThru -Verbose

见下面的演示。有两种形式,一种是event.preventDefault(),另一种是没有。注意第一个只是日志。第二个记录并转到另一个页面(表单提交)。

&#13;
&#13;
.prevent
&#13;
&#13;
&#13;