Angel丶守护&雪之源 2022-03-08 10:20 采纳率: 24.3%
浏览 58
已结题

JS 请求相同,但方法不同,第二个方法发起请求,为什么会自动回到第一个方法里面执行

问题遇到的现象和发生背景

我执行搜索方法,但是代码自动执行获取总数据的方法

问题相关代码,请勿粘贴截图

获取数据方法:
getList(query) {
// 点击分类筛选重置搜索值及分页数
// if(this.modalProps.searchKey!=''){
// this.modalProps.searchKey=''
// }
this.paged=1
const req = new ARequest({
method: 'get',
url: '/api/front/material',
cache: true,
query: {
with:1,
paged:this.paged,
per_page:this.per_page
}
})
req.send().then(res=>{
console.log("关你什么事")
console.log(res)
const pagination = req.pagination()
this.total=pagination.total
let list=[]
res.forEach(val => {
let obj = {
module_id: val.module_id,
imageUrl: val.thumbnail.source_url,
title: val.title
}
list.push(obj)
});
this.list=list
// 判断获取到的数据长度是否等于数据总条数
if(this.list.length>=this.total){
this.contentLoading=false
}else{
this.contentLoading=true
}
// if(this.modalProps.searchKey!=''){
// this.modalProps.searchKey=''
// }
// 缓存当前请求链接
this.cacheUrl=req.options.url
setTimeout(()=>{
this.listLoading = false
},1000)

        })
        

},
搜索方法:
searchClick(value){
// 重置分页数
this.paged=1
// if(this.modalProps.searchKey==''){
// console.log('走你')
// this.getList()
// }else{

            this.listLoading = true
            const req = new ARequest({
                method: 'get',
                url: `/api/front/material?search=${value}`,
                query: {
                    with:1,
                    paged:this.paged,
                    per_page:this.per_page
                }
            })
            req.send().then(res=>{
                const pagination = req.pagination()
                this.total=pagination.total
                let list=[]
                res.forEach(val => {
                    let obj = {
                        module_id: val.module_id,
                        imageUrl: val.thumbnail.source_url,
                        title: val.title
                    }
                    list.push(obj)
                });
                this.list=list
                // 判断获取到的数据长度是否等于数据总条数
                if(this.list.length>=this.total){
                    this.contentLoading=false
                }else{
                    this.contentLoading=true
                }
                // 缓存当前请求链接
                this.cacheUrl=req.options.url
                setTimeout(()=>{
                    this.listLoading = false
                },1000)
            })
        // }
        
    },
运行结果及报错内容

运行搜索方法发送请求,执行后自动运行了getList方法

我想要达到的结果

我只要执行搜索方法内的代码

希望帮助解决一下!!万分感谢

  • 写回答

2条回答 默认 最新

  • 原莱_ 2022-03-08 10:27
    关注

    html也贴出来,触发getList和searchClick的地方

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月16日
  • 已采纳回答 3月8日
  • 创建了问题 3月8日

悬赏问题

  • ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题,求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
  • ¥15 有了解d3和topogram.js库的吗?有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar,时序沉降图怎么画
  • ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
  • ¥15 关于#Java#的问题,如何解决?