0
点赞
收藏
分享

微信扫一扫

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

笙烛 2023-03-13 阅读 102


正常情况下 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 阻止提交

vue form sumit 防止提交 prevent 阻止表单提交_vue.js

 

 

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

举报

相关推荐

0 条评论