_vue click preventdefault">
当前位置:   article > 正文

Vue - @click.prevent_vue click preventdefault

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. <script src="../vue.js"></script>
  8. <script>
  9. const app = new Vue({
  10. el: '#app',
  11. data: {
  12. },
  13. methods: {
  14. submitClick() {
  15. console.log("submitClick");
  16. }
  17. }
  18. })
  19. </script>
  20. </body>

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

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

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

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

闽ICP备14008679号