gpt4 book ai didi

javascript - VueRouter this.$route 未定义

转载 作者:行者123 更新时间:2023-11-28 12:51:45 27 4
gpt4 key购买 nike

在前端大部分是新的,在 Vue 中绝对是新的。我正在尝试从 URL 读取查询参数。下列的 How can I get query parameters from a URL in Vue.js?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 已加载?

我做错了什么?

最佳答案

vue-router 的渲染速度可能是问题所在。您可以尝试在任何 Vue 生命周期 Hook 中分配值

var vm = new Vue({
el: '#app',
router,
data: {
message: null
},
created(){
this.message = this.$route;
}
});

关于javascript - VueRouter this.$route 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60900135/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com