vue form sumit 防止提交 prevent 阻止表单提交

最新推荐文章于 2023-04-19 21:51:25 发布

安果移不动

最新推荐文章于 2023-04-19 21:51:25 发布

阅读量516

点赞数

分类专栏： # vue 文章标签： vue.js 前端 javascript

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/128601173

版权

vue 专栏收录该内容

106 篇文章 1 订阅

订阅专栏

该文章展示了在Vue中如何使用reactive创建响应式对象处理表单数据，并通过

摘要由CSDN通过智能技术生成

正常情况下 button是带sumit的属性的

<script setup lang="ts">
import {reactive} from "vue";

let form = reactive({
  name: "小曼",
  age: 123,
});
let submit = () => {
  console.log(form);
};
</script>

<template>
  <div>
    <form>
      <input type="text" v-model="form.name">
      <br>
      <input type="text" v-model="form.age">
      <br>
      <button @click="submit">提交</button>

    </form>
  </div>
</template>

页面提交会导致刷新从而打印不出来可以添加prevent 阻止提交