vue history模式路由跳转空白

今天遇到一个问题，就是在写大屏路由跳转时，遇到的问题，两个vue文件跳转，在一个vue文件里面写了这样的代码：

        this.$router.push({
            name: 'infoRecord',
            query: {
              planId: item.id,
              sectionId: this.id,
              sitename: localStorage.siteName
            }
          })

感觉写的没问题，但是跳转过去后，地址进行了变化，但是页面内容空白，新的vue文件里面的方法和内容都没有显示，找了半天原因，最后发现是要这样写：

        this.$router.push({
            path: '/infoRecord',
         
            query: {
              planId: item.id,
              sectionId: this.id,
              sitename: localStorage.siteName
            }
          })

要写path，写name没有用，具体原因也没找到，只是解决了问题，之后找到原因会继续更新哒~