Question

在Vuetify中使用@submit指令时，console.log在我的代码中不起作用。但是，当我仅使用@click然后调用我的函数时，它可以工作。知道如何使它起作用吗？

此代码有效：

<v-btn color="primary" text @click="submit">I accept</v-btn>

模板中的HTML

<v-btn color="primary" text @submit="submit">I accept</v-btn>

函数被调用

  methods: {
    submit() {
      console.log.$refs

      // Form validation check
      if (!this.$refs.invoiceform.validate()) {
        console.log("Not good");
      } else {
        console.log("Data ok");
      }
  },

Answer 1

我认为您的问题是v-btn没有@submit事件，因此如果使用它，则需要将其放在v-form元素上。确保您的按钮在form元素内并且其类型为Submit。在表单提交事件上使用prevent，以防止它导致浏览器尝试发布您的表单。

<v-form @submit.prevent="submit">
     ...//some inputs
     <v-btn type="submit">I accept</v-btn>
</v-form>

在vuetify中使用@submit指令时，console.log不起作用

1 个答案: