Vue.js:有没有办法让@submit.prevent出现在一个项目的所有表单上?

我意识到有一些片段是我每次都在重复的,有时我也会忘记。

其中之一是 @submit.prevent. 在所有的表单中,我必须写上防止提交,我总是通过vue方法管理提交。

所以我可以做一些事情,所有的表单都有这个指令隐含?

解决方案:

你可以创建一个简单的(可能是功能性的)组件,然后用它来代替普通的 <form>.

// BaseForm.vue

<template>
  <form @submit.prevent="onSubmit">
    <slot />
  </form>
</template>

<script>
export default {
  props: {
    onSubmit: {
      type: Function,
      required: true,
    }
  }
}
</script>

你不会真正节省很多代码,但你不必再考虑它。你可以加入基本的 <button type=submit></button> 在这里也是。

给TA打赏
共{{data.count}}人
人已打赏
未分类

检查是否从格式字符串中提供值

2022-9-8 23:17:40

未分类

在Java中使用子类项列表时,如何避免降频?

2022-9-8 23:28:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索