一只壁虎 2023-06-25 00:08 采纳率: 18.2%
浏览 48
已结题

vue页面重复进入返回加载卡住问题

vue项目的一个问题,地址: http://59.110.14.246/
gitee地址:https://gitee.com/xnsky/motion/blob/master/src/views/home/recordDetail.vue
就是一直进入文章详情页然后返回,一直重复,直到重复十几次接近20次的时候,页面开始逐渐卡顿,直到卡死

监听什么的都移除了,找了很久也没找到什么问题
是因为什么问题导致的

    created(){
        this.pubsub.isExpand = this.$pubsub.subscribe('handleExpand', this.handleExpand)
        this.pubsub.comment_list = this.$pubsub.subscribe('getCommentsList', this.getCommentsList)
        this.pubsub.cancelReply = this.$pubsub.subscribe('handleCancelReply', this.handleCancelReply)

        recordDetail(this.$route.params.id).then(({ result }) => {
            result.likeList = JSON.parse(result.likeList)
            this.recordDate = result
            // 评论列表
            this.recordDate?.enableComment && this.getCommentsList()
        })

        // 随机5文章
        randomList(5, this.$route.params.id).then(({ randomArticles }) => {
            this.randomArticles = randomArticles
        })

        // 获取上一篇和下一篇文章
        prevArticle(this.$route.params.id).then(({ context }) => {
            this.context = context
        })
    },
    mounted() {
        this.handleDebounce = debounce(this.handleShowMenu, 200)
        window.addEventListener('scroll', this.handleDebounce)

        // 用户点击来 10 秒后添加预览人数
        this.$nextTick(() => {
            this.showTime = setTimeout(() => {
                UpDateRecordShowNum(this.$route.params.id)
                console.log('qwe');
            }, 10000)
        })
    },
    beforeDestroy() {
        window.removeEventListener('scroll', this.handleDebounce)
        // 离开之前清理定时器
        clearTimeout(this.showTime)

        this.$pubsub.unsubscribe(this.pubsub.isExpand)
        this.$pubsub.unsubscribe(this.pubsub.comment_list)
        this.$pubsub.unsubscribe(this.pubsub.cancelReply)
    }
  • 写回答

2条回答 默认 最新

  • Hi 小朋友 2023-06-25 00:21
    关注

    可能是后端限制了访问次数

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 6月25日
  • 修改了问题 6月25日
  • 修改了问题 6月25日
  • 修改了问题 6月25日
  • 展开全部

悬赏问题

  • ¥15 基于STM32心率血氧监测(OLED显示)相关代码运行成功后烧录成功OLED显示屏不显示的原因是什么
  • ¥100 X轴为分离变量(因子变量),如何控制X轴每个分类变量的长度。
  • ¥30 求给定范围的全体素数p的(p-2)的连乘积
  • ¥15 VFP如何使用阿里TTS实现文字转语音?
  • ¥100 需要跳转番茄畅听app的adb命令
  • ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
  • ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗
  • ¥50 opencv4nodejs 如何安装
  • ¥15 adb push异常 adb: error: 1409-byte write failed: Invalid argument
  • ¥15 nginx反向代理获取ip,java获取真实ip