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没有用，具体原因也没找到，只是解决了问题，之后找到原因会继续更新哒~