我们要学习的东西有很多,在使用vue查询数据的时候,难免会有一些错误。
在VS Code里面,找到项目目录src里面的api文件夹里面的edu文件夹里面的teacher.js文件。
export default{
//1 讲师列表(条件查询分页)
//current当前页 limit每页记录数 teacherQuery条件对象
getTeacherListPage(current,limit,teacherQuery){
return request({
// url:'/table/list/'+current+"/"+limit,
url:/serviceedu/eduteacher/pageTeacherCondition/${current}/${limit}
,
method:‘post’,
//teacherQuery条件对象,后端使用RequestBody获取数据
//data表示把对象转换json进行传递到接口里面
data:teacherQuery
})
}
}
我们使用查询数据的核心就在这里,条件都要和idea对应,下面的链接选择复制稳妥一点,然后提交方式一样,然后在找到views—edu—teacher—list.vue文件。
data(){ //定义变量和初始值
return{
//listLoading:true, //是否显示loading信息
list:null, //查询之后接口返回集合
page:1, //当前页
limit:10, //每页记录数
total:0,//总记录数
teacherQuery:{}//条件封装对象
}
},