前端大部分是新的,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 已经加载了?我究竟做错了什么?
1 回答
眼眸繁星
TA贡献1873条经验 获得超9个赞
渲染速度vue-router可能是问题所在。您可以尝试在任何 Vue 生命周期挂钩中分配值
var vm = new Vue({
el: '#app',
router,
data: {
message: null
},
created(){
this.message = this.$route;
}
});
- 1 回答
- 0 关注
- 121 浏览
添加回答
举报
0/150
提交
取消