时间戳

首页 > 解决方案 > 如何防止特定元素在表单内提交？

javascript - 如何防止特定元素在表单内提交？

问题描述

我在我的 vuejs 项目中使用 vuetify，并且我有一个 v-form，其中包含一些 v-text-fields、v-selects 和 v-switchs。

我有 3 种 POST 方法，一种用于文本字段和选择，另一种用于一个开关，最后一个 POST 用于另一个开关。

目前我遇到的问题是，当我对文本字段进行 POST 并选择时，它会为所有输入发送所有 3 种 POST 方法。

这是我的 v-form：

<v-form
  ref="form"
  v-model="valid"
  lazy-validation
>

// some vuetify elements

<v-form>

我调用表单 refs，然后使用 vuex 执行 POST 方法：

if (this.$refs.form.validate()) {
   //
}

我不能将 v-switch 放在表单之外，因为它的构建方式。

有人可以告诉我如何防止 2“v-switch”激活吗？

标签： javascriptformsvue.jsecmascript-6vuetify.js

解决方案

推荐阅读