Angel丶守护&雪之源 2022-03-08 10:20 采纳率: 25%
浏览 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日

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效