使用通过 uniapp 的 this.$route.query 获取 URL 参数中的对象，并存储到一个变量中，报错Cannot read property 'query' of undefined"

这个错误通常表示 `$route` 对象未定义。这可能是因为你尚未正确地导入 `$route`，或者是因为你正在尝试在不支持 `$route` 对象的组件之外使用它。在 Uniapp 中，只有页面组件才支持 `$route` 对象。

如果你确定你已经在页面组件中使用了 `$route` 对象，那么可能是因为你的代码在页面加载之前就执行了，而此时 `$route` 对象尚未被实例化。你可以尝试将你的代码放在 `mounted` 钩子函数中，确保在页面加载完成后再执行。

另外，确保你的 URL 参数中确实有 `query` 对象，否则 `$route.query` 将返回未定义。你可以使用 `console.log(this.$route)` 输出 `$route` 对象，查看其中的属性和值，并确保其中包含 `query` 对象。

相关问题

uniapp this.$route

在uniapp中，可以使用this.$route来获取当前页面的路由信息。通过this.$route.query可以获取url中参数值。例如，如果你需要获取url中的code参数，可以使用以下代码：

const code = this.$route.query.code;

这样就可以获取到code参数的值了。需要注意的是，使用this.$route.query来获取参数值，前提是该参数存在于url中。如果参数不存在，返回的值会是undefined。

created() { console.log("商品编号", this.$route.query.id); console.log("商品图片路径:", this.$route.query.src); console.log("商品描述:", this.$route.query.text); console.log("商品价格:", this.$route.query.price); },

这段代码也是Vue.js框架中的生命周期钩子函数`created()`，用于在组件创建完毕后执行一些代码。在这里，它被用于打印出从URL中传递的商品信息。`this.$route.query`可以获取到路由中的查询参数，通过`.`符号和参数名称可以获取到具体的参数值，例如`this.$route.query.id`获取到的是商品编号。