vue-router相关内容

渲染函数中的错误:“TypeError:无法读取未定义的属性",使用 Vuex 和 Vue Router

我一直在使用 Vue、Vuex 和 Vue-Router 处理一个问题.我正在构建一个闪存卡应用程序,在创建主应用程序时获取所有卡片,然后使用 Vuex getter 通过其作为路由参数传递的 id 获取每张卡片. 相关位: App.vue 出口默认{成分: {'app-header':标题,},数据() {返回 {}},创建(){this.$store.dispatch('getA ..
发布时间:2021-09-20 20:25:58 前端开发

webpack模板中的Vuejs延迟加载路由

我已经使用 vue-cli 工具和 webpack 模板创建了 vuejs 项目. vue init webpack my-project 我不知道如何在带有模板的路由上实现延迟加载 目前我在 router/index.js 中有两条路由 从'vue'导入Vue从“vue-router"导入路由器从 '@/components/HelloWorld' 导入 HelloWorld从“@ ..
发布时间:2021-09-20 20:25:38 前端开发

useRoute 未定义

我正在尝试在 vue 2.6 应用程序中使用 useRoute 但它未定义: import { useRoute } from 'vue-router'console.log('useRoute is',useRoute) 我的 package.json: “@vue/composition-api":“^1.0.0-rc.5",“vue":“^2.6.12",“vue-router":“^ ..
发布时间:2021-09-20 20:25:12 其他开发

Vue路由器问题

我在 vue 组件文件中有一个如下所示的链接. {{单词}} 我在 index.js 文件中的路由设置如下 导出默认的新路由器({模式:'历史',路线:[{小路: '/',组件:主体},{ 路径:'/word/:id',name: '词',组件:字}]}) ..
发布时间:2021-09-20 20:25:06 其他开发

安装自定义VueJs插件的正确方法

我正在创建一个自定义插件,它使用 vuex 和 vue-authenticate 封装了一堆身份验证功能. 我遇到的问题是找出将模块加载和安装到 VueJS 的正确方法,我不确定是我的 webpack 或 vuejs 知识缺乏,但到目前为止我有以下内容 /node_modules/plugin/index.js 从'vue'导入Vue从 'vuex' 导入 Vuex从“./route ..
发布时间:2021-09-20 20:23:45 前端开发

vuejs2:如何将 vuex 存储传递给 vue-router 组件

如果没有使用vue-router,可以在声明new Vue() 时将store传递给子组件 但我同时使用 vue-router 和 vuex.在这种情况下,如何使 store 可用于 components.例如我的 store.js 是典型的: 从'vue'导入Vue从 'vuex' 导入 Vuex从'jwt-decode'导入jwt_decode从 'axios' 导入 axios从 'v ..
发布时间:2021-09-20 20:23:23 其他开发

使用 Vue.js + Vuetify 有条件地绑定类?

我正在尝试根据当前屏幕的尺寸有条件地将“xs10"类应用于包含我的菜单的 v-flex.到目前为止,我已经得到了这样的东西: ..数据() {返回 {menuSmall: this.$vuetify.breakpoint.mdAndUp}} 但它不起作用.我是 Vue.js + Vuetify 的新手,但我猜这是因为 menuSmall 没有在每次屏幕调整大小时重新计算和重新呈现.我是否需要将 ..
发布时间:2021-09-20 20:23:20 前端开发

Vue-Router:TypeError:this._router.init 不是函数

我已经安装了 vue-router(在 Laravel 项目中),然后尝试使用它: 从 'vue-router' 导入 VueRouterVue.use(VueRouter) 然后我明白了: [Vue 警告]:beforeCreate 钩子中的错误:“TypeError: this._router.init is not a function" 有趣的是,之前一切正常,但突然开始收到这条消 ..
发布时间:2021-09-20 20:23:06 其他开发

Vue-router 在为生产构建后不会删除 hashbang

我试图删除 hashbang,我通过在 vue-router 的索引文件中添加 mode:'history' 来实现的: 导出默认的新路由器({模式:'历史',路线:[{小路: '/',name: '达克什',成分:达克什},{路径:'/关于',name: '关于',组件:关于},{路径:'/工作',name: '工作',组成部分:工作}]}) 然后当我在热重载模式下尝试它时运行良好,但是在运 ..
发布时间:2021-09-20 20:22:58 前端开发

如何通过 <router-link/> 将 props 传递给命名视图在 vuejs 中?

我是 VueJS 和前端开发的新手.我希望将道具(在本例中为我俱乐部的 ID)传递给我的组件/视图. 它最初使用 .我的组件调用一个道具“id",我的视图,命名为 club 有参数 props:true; 稍后快进,我不得不添加命名视图.(我现在只添加了一个 - 但我会有一个视图内容和一个导航). mode: 'history',基础:process.env.BASE_URL,lin ..
发布时间:2021-09-20 20:22:08 前端开发

如何在 vuejs 中获取 http 引用?

我想在我的页面中获取用户来自哪个页面. 目前,我想在我的 created() 或mounted() 页面中获取此信息.使用 this.$router 或 this.$route 但它们都不包含此信息. 我知道在导航守卫中,我们可以使用这个: router.beforeEach((to, from, next) => { }) 要知道页面来自哪里,但我不想使用 router.befo ..
发布时间:2021-09-20 20:21:47 前端开发

Vue 2 - 从 ajax 响应渲染组件

有没有办法渲染来自 ajax 响应的组件?例如,我注册了一个组件“Test",在 ajax 响应中我有: 虚拟段落 另一个虚拟段落 我的最终目标是制作一个短代码,让用户在内容区域插入路由器链接. 我使用的是 Vue 2,vue 路由器 编辑:这是一个演示 https://jsfiddle.net/Pauliu ..
发布时间:2021-09-20 20:21:34 前端开发

如何在 vue-router 中对路由进行分组

在我的网站上,我有一个导航,其中包含一些类别和嵌套导航锚.如何在 vue-router 中对这些路由进行分组?我想出的最好方法是为每条路线放置一个元数据,然后按它分组. 解决方案 我是这样用的(看那个component: { render: h => h('router-view') }): {//============================================ ..
发布时间:2021-09-20 20:20:33 其他开发

Vuex 访问 vue 路由器中的命名空间模块 getter

我试图通过检查用户是否通过身份验证来保护我的路线,这是示例路线: {路径:'/内网',组件:搜索,元: { requiresAuth: true },道具: {税:'类型',术语:'内网邮递',名称:'内网'}}, 我是这样设置警卫的: router.beforeEach((to, from, next) => {if (to.matched.some(record => record.me ..
发布时间:2021-09-20 20:19:38 其他开发

如何在 Vue Router 中获得 404 响应

我在 SPA 中已经有一个可以工作的 404 处理程序.这里的问题是例如谷歌链接到不再存在的旧页面.虽然用户会看到一个自定义的 404 组件,但我认为 google 会得到 200 OK 并继续认为该页面是有效的. {小路: '*',name: '未找到',组件:未找到//404} 我让服务器重新路由到/并让 vue 使用 History 处理路由: 重写引擎开启RewriteCon ..
发布时间:2021-09-20 20:19:27 PHP

如何在 IIS 服务器上配置 Vue 2 应用程序?

我需要有关配置 IIS 服务器和 Vue 2 应用程序的帮助,我刚刚在 Windows IIS 7 服务器 上安装了带有生产版本的 vue 2 应用程序,并且一切正常,仅一件事不起作用:当我尝试打开任何带有用 vue-router 编写的链接“example mysite.com/somepage"的页面时,我看到 404 错误,但是如果我点击菜单链接工作好的,如果您只输入主网址 mysite.c ..
发布时间:2021-09-20 20:19:00 其他开发

如何使用 vue-router 参数

我是 vue 的新手,现在正在使用它的路由器.我想导航到另一个页面,我使用以下代码: this.$router.push({path: '/newLocation', params: { foo: "bar"}}); 然后我希望它在新组件上 this.$route.params 这不起作用.我也试过: this.$router.push({path: '/newLocation'});t ..
发布时间:2021-09-20 20:18:10 其他开发