这几天写公司官网,没有后台人员,只有我一个前端,于是遇到任何问题都是想办法用纯前端的方式解决。
这不就遇到留言提交的问题,试了各种办法,也百度了好多都没用,终于就在今天让我发现一个绝佳的解决办法,附上网址:
https://blog.csdn.net/weixin_42564187/article/details/84334931
官网:
https://formspree.io/
不过我是用VUE写的,用了elementUI表单组件,于是使用了ajax请求:
这个是提交事件submitForm()
submitForm() {
var obj = $("#myForm").serialize(); //获取id为content的form表单里面的内容,name值均为formspree提供不能更改
$.ajax({
type: "post", //必须post请求
url: "https://formspree.io/f/你获取的地址",
async: true,
data: obj,
dataType: "json",
success: (res) => {
this.$refs.formLabelAlign.resetFields();
this.$message({
message: "邮件已发送!!!",
type: "success",
error: (res) => {
this.$message.error("未知错误,发送失败");