若依框架左侧菜单栏报错: “TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterato

水绅

已于 2023-02-07 11:13:48 修改

阅读量9.6k

点赞数 23

文章标签： vue.js javascript 前端

于 2021-12-02 10:11:01 首次发布

本文链接：https://blog.csdn.net/weixin_58101575/article/details/121670863

版权

本文解决了一个在Vue布局中遇到的错误，通过在TagsView组件中添加判断并优化$nextTick处理，确保正确遍历和更新标签视图，避免了'undefined is not iterable'的TypeError。

摘要由CSDN通过智能技术生成

若依框架点击左侧菜单栏，会有以下报错信息。。

Error in nextTick: “TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterato

找到src\layout\components\TagsView\index.vue（加上一个判断 if (tags)）



 moveToCurrentTag() {
      const tags = this.$refs.tag
      if (tags) {
        this.$nextTick(() => {
          for (const tag of tags) {
            if (tag.to.path === this.$route.path) {
              this.$refs.scrollPane.moveToTarget(tag)
              // when query is different then update
              if (tag.to.fullPath !== this.$route.fullPath) {
                this.$store.dispatch('tagsView/updateVisitedView', this.$route)
              }
              break
            }
          }
        })
      }
    },