_vue click preventdefault">
devbox
知新_RL
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Vue - @click.prevent_vue click preventdefault

作者：知新_RL | 2024-02-13 02:21:51

赞

踩

vue click preventdefault

.prevent: 调用event.preventDefault()

  1. <body>
  2. <div id = "app">
  3.     <form action="test">
  4.         <input type="submit" value="提交" @click.prevent="submitClick">
  5.     </form>
  6. </div>
  7.  
  8. <script src="../vue.js"></script>
  9. <script>
  10.     const app = new Vue({
  11.         el: '#app',
  12.         data: {
  13.         },
  14.         methods: {
  15.             submitClick() {
  16.                 console.log("submitClick");
  17.             }
  18.         }
  19.     })
  20. </script>
  21. </body>

点击提交按钮时会调用自定义的方法。

如果不使用.prevent，则是form默认提交。

 .prevent 实现了自定义提交数据，实际开发中非常实用。

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号