调用接口前的传参问题

###前端在调用接口,目的是为了增,删,查.(改和增很像)

参数的处理是有很多不同的:

 

####增

增数据就是将自己所填写的数据,存在相对应的接口里.

1.先处理好数据(将要保存在接口中的数据处理好)

比如将这个数据里面的内容放在接口中.

 

<i-text label="手机号或者证件号码" validate="['required', 'base']" v-model="logdata.username" />
<i-password label="密码" validate="['required']" v-model="logdata.password"/><div class="form-group">

 

2.在data中定义:

data(){

 return {

 logdata: {

   username: '',

    password: ''

 }

}

}

 

3.在调用接口前处理好数据

let data= {}

data.username = this.logdata.username

data.password = this.logdata.password

$.fetsh({

 url:'',

data,

success(data){

}

})

 

4.调试

在控制台进行调试

查看接口是否调通

 

###查

查是从接口中取得数据,放在相应的位置中

1.在data中定义对象

applInfoData: {}

 

2.调用接口,去接收该数据

$.fetch({

  url:''

  data:{

   orderId:'1010'

  },

success: (res) =>{

  applInfoData = res  //将数据传给applInfoData

}

})

 

3.需要用的地方去调用

<tr>
<td width="25%" class="bg-color">申请单号</td>
<td width="25%">{{applyInfoData.orderNumber || "--" }}</td>
<td width="25%" class="bg-color">融资企业</td>
<td width="25%">{{applyInfoData.userName || "--" }}</td>
</tr>

相对应的字段,看清字段的含义

 

#删

删是最简单的

 

1.手写一个button,里面放上相对应的函数

 

2.调用接口,即可