vue路由传值打开界面小结及界面目录结构

1、路由传值打开界面

click() {
                const id = '123';
                this.$router.push({name: 'BillControl',params: {id}});// -> /user/123
                this.$router.push({path: `/BillControl/${id}`}) // -> /user/123
                this.$router.push({ path: '/BillControl/'+id} }) // -> /user/123
                // 这里的 params 不生效
                this.$router.push({path: '/BillControl',params: {id}}) // -> /user
                //下面是实际的测试
                this.$router.push({name: 'BillControl',params: {id: 123}});
            },

this.$router.push({path: "/resource/design?objId=" + this.selectionList[0].id });   

this.$router.push({path: "/resource/design/"+this.objId });   打开相当于/resource/design/80

2、路由获取值this.$rotute.query

2、查询表格增加参数

3、关闭界面路由

this.$root.eventBus.$emit("closeTag", this.$route.fullPath);//关闭当前界面

4、界面目录结构组件化