VueRouter this.$route 未定义
前端大部分是新的，Vue 绝对是新的。我正在尝试从 URL 读取查询参数。以下 如何从 Vue.js 中的 URL 获取查询参数？和https://router.vuejs.org/guide/#javascript
我现在有这个代码：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router/dist/vue-router.js"></script>
</head>
<body>
<div id="app">
{{message}}
</div>
<script>
const routes = [];
var router = new VueRouter({
routes
});
var vm = new Vue({
el: '#app',
router,
data: {
message: this.$route.query
}
});
</script>
</body>
</html>
但是，在 Chrome 或 Firefox 中运行它会产生“无法读取未定义的‘查询’属性”
定义路由并创建指向它们的链接并加载它们，正如 VueRouter 指南中所述。看起来 VueRouter 已经加载了？
我究竟做错了什么？
千万里不及你浏览 122回答 1
1回答
-
眼眸繁星
渲染速度vue-router可能是问题所在。您可以尝试在任何 Vue 生命周期挂钩中分配值var vm = new Vue({ el: '#app', router, data: { message: null }, created(){ this.message = this.$route; }});
随时随地看视频慕课网APP
相关分类
Html5