Vue表单提交

alice--小文子 2022-09-23 09:32:12 阅读数:124

vueCSDN表单提交technology-development

1 在组件中

<template>
<div>
<form ref="form1" @click.prevent="fn_submit()" action="data/sun.php" method="post">
<input type="text" value="a" name="a"/>
<input type="text" value="b" name="b"/>
<input type="button" value="计算"/>
</form>
</div>
</template>

在methods中:

methods:{
async fn_submit(){
let form = this.$refs(form1)
let formdata = new FormData(form );
let res = await fetch(form.action,{//为什么写两个await?第一个是用来请求
method:form.method,
body:formdata
});
let result = await res.json();//为什么写两个await?第二个是用来解析,解析也涉及异步
this.age = result;
}
}

版权声明:本文为[alice--小文子]所创,转载请带上原文链接,感谢。 https://blog.csdn.net/alice9999999/article/details/119446915