javascript - 自定义 v-on :click. 阻止功能

Question

我不知道该怎么调用它，所以我不知道要搜索什么。我查看了指令，但不确定这是什么，基本上，我希望能够做到:

v-on:click.validate="runCode"

在哪里validate是在 runCode 之前运行的自定义方法被调用(与 .prevent 的工作方式大致相同。

有人可以指点我一些文档/示例吗？

更多上下文:我编写了一些自定义表单组件，将验证数据提供到我的状态中。这些表单组件可以随时使用，即

<msp-input
          v-model="form.username"
          :validation="{ required, email }"
          float-label="Email Address"
          type="email"
        />

我希望能够在任何表单上编写一个按钮，使验证弹出窗口在状态显示某些验证失败时显示。我可以有一个 <msp-button>组件来做，但认为有一个内联的 .validate 会很好.

Answer 1

使用示例 v-on:click.validate，validate 被称为修饰符，click 是 的参数>v-on 指令。 custom directives 的文档中对此进行了介绍.

目前无法将您自己的自定义修饰符添加到内置指令中(这在 github 存储库的几个问题中有所介绍)。您可以编写自己的指令并根据需要处理参数和修饰符。

否则你的其他方法听起来不错。