为了账号安全,请及时绑定邮箱和手机立即绑定

VueRouter this.$route 未定义

VueRouter this.$route 未定义

千万里不及你 2023-10-17 14:49:56
前端大部分是新的,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;

    }

});


查看完整回答
反对 回复 2023-10-17
  • 1 回答
  • 0 关注
  • 121 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信