表单提交

表单提交

表单提交的方式多样，但不变的是思路，这里用的主要是vue

一. 思路

1.点击提交按钮触发事件

<el-button
@click=“sent”
>提交 </ el-button>

2.触发什么事件

2.发送表单内容给后台，所以要确定与后台的接口（怎么传）

function Add(realName, phoneNo) {
const data = {
realName, phoneNo
}
return request({
url: ‘/user-service/plat/addPlatUser’,
method: ‘post’,
data: data
})
这里只是个大概，要明白发给后台是通过设置url和post或get。

3.明确传前台什么内容给后台（传什么）

在前台输入框里设置v-model
< el-input v-model=“realName”> < /el-input>

并且在export default里的data设置realName: “”

export default {
  data() {
    return {
      realName: "",
      phoneNo: "",
    };
  },

这样，前台输入的值就可储存进data里

4.内容确定了，就可以开始传

调用函数Add（内容）