###使用路由获取页面参数1、在路由中设置路径：{path:'/detail/:id/',name:'detail',component:detail,meta:{title:'Details'}}getparameterletid=this.$route.params.id备注：1.参数名称需要保持一致2.如果路由中没有传入参数(http://192.168.1.12:8080/#/detail)，会报错，无法显示页面。正常的页面是http://192.168.1.12:8080/#/detail/234有的参数能不能传，能不能用？比如传参时：http://192.168.1.12:8080/#/detail/?id=123获取时：letid=this.$route.query.id这样即使获取不到参数,页面不会报错###使用js获取页面参数如果想获取普通js文件中url后面的参数，可以新建一个工具类，utils.js:/eslint-disable/exportdefault{getUrlKey:function(name){returndecodeURIComponent((newRegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null}}importVuefrom'vue'importutilsfrom'../../assets/scripts/utils'//Vue.prototype.$utils=utils//在main.js中全局导入letid=utils.getUrlKey('id')console.log()url是http://192.168。1.12:8080/#/detail/?id=123，可以得到id123
