vue-router相关内容

刷新时指示 vue-router 重新渲染正确的页面

我的应用程序是由 vuejs + rails 构建的，它具有以下路由器组件: {小路: '/'，name: '家',组件:首页，孩子们: [{小路: '/'，名称:'欢迎',组成部分:欢迎，},{路径:'/classes/:id',name: '类',组件:类，},{路径:'/classes/:id/members',name: '会员',组件:成员，},{路径:'/帐户'，name: '账户 ..
发布时间：2021-09-20 20:03:03 前端开发

我可以重定向到不同的路线，但如果我刷新浏览器，该路线将不起作用

通过$router.push({ path:/week/${year}/${month}/${day}/}) 我可以成功路由/move(不确定此处使用什么术语)到不同的路由，URL 正确更新. 但是一旦出现，如果我刷新浏览器，路由组件就会变空(并且没有控制台错误). 知道这里发生了什么吗? 这是我的路由器代码: let router = new Router({模式:'历史'， ..
发布时间：2021-09-20 20:02:29 前端开发

Vuetify 列表:根据活动路由打开组

假设我有一个包含 2 个 v-list-group 的 Vuetify 列表，每个列表包含一个 v-list-tile.这是一个简化的伪代码: - Group1- 项目 1 :to='/item1'- Group2- 项目 2 :to='/item2' 我的列表工作正常:如果我点击“Item1"，vue-router 会转到“/item1". 相反，当我转到某个路由“/item1"(例 ..
发布时间：2021-09-20 20:01:27 前端开发

Axios 拦截器从 Vue.js 中的调用 Promise 中窃取 catch() 路径，破坏下游错误处理

我正在尝试在 axios 中拦截受保护路由的 401 错误，但我的拦截器似乎从返回错误的 所有 HTTP 请求中“窃取"了 catch() 链，并且丢失了它们包含的错误负载(UI 用于显示错误类型).这打破了所有使用 Vuex 动作登录、注册等的下游组件方法代码. 一个可能的相关症状是我似乎无法将“真实"引用传递给 currentRoute 对象来检查受保护状态的元属性.相反，我必须使用 . ..
发布时间：2021-09-20 20:01:17 前端开发

VueJS:在没有集中存储(vuex 或 eventBus)的情况下直接访问子项时(使用 vue-router)访问子项中的父项

在这个 codesandbox 演示中，父home 组件有一个子 addItem 组件.父级将数组(作为道具)传递给子级，因此子级可以将项目添加到父级列表中，即从父级传递数据的正常方式 -> 子级，即通过 props :fruitsArr="fruits". Main.js 从“vue"导入Vue；从“vue-router"导入VueRouter；从“./App.vue"导入应用程序；从“ ..
发布时间：2021-09-20 19:59:26 前端开发

Vue 问题:单击链接时如何关闭菜单?

http://rafaelrodrigu.es/ 点击汉堡图标 点按链接 页面 url 在后台更改. 但是菜单没有关闭.当我点击链接时如何关闭菜单?菜单包含在 details html 元素中. 如何删除详细信息打开属性? 欢迎提出简单的建议，因为我是一名设计师，我对 javascript 了解不多.谢谢！ 我的导航代码如下. ..
发布时间：2021-09-20 19:59:06 前端开发

借助 mapGetters、VUEJS、vuex、vuetify 将内容从数组中显示出来

我的页面由两条路线组成，一条带有主页，另一条带有配置面板. 在我的主页中，我有一个容器，我在其中放置了一些信息，例如日期、时间、当前摄氏度等，在其下有一个容器，您可以在其中放置用户配置的一些日常信息.用户为输入提供了某种文本以及代表超时的第二个值(用户可以决定应该显示多少秒)，因此我在 vuex 的帮助下获取信息，因此我将状态设置为值在这些输入中给出的(我得到一个带有字符串的数组(属于文本输 ..
发布时间：2021-09-20 19:59:01 前端开发

Vuejs 路由器监听事件

我有一个组件，其中道具通过路由传递(https://router.vuejs.org/guide/essentials/passing-props.html).我的问题是如何监听组件发出的事件，以便我可以改变从路由传递的道具? 在我的路线中，我有类似的东西 ...{路径:“详细信息/:id?"，name: "booking.details",组件:BookingDetails，道具:真实} ..
发布时间：2021-09-20 19:58:55 前端开发

如何在路由器视图中使用插槽

我试图在路由器视图中使用插槽，但无法在子组件中获取插槽数据. 我搜索了很多，这个 example 似乎在单个 js 文件中工作.但是，当我在单独的文件组件中使用插槽时，它对我不起作用. 我正在使用 vue": "^2.1.2" 和 "vue-router": "^3.0.2"我试过这个代码: AppContainer.vue 这是默认插槽 这是一 ..
发布时间：2021-09-20 19:58:32 前端开发

Vue 路由器、GitHub 页面和自定义域不适用于路由链接

我的域名:myname.com 我的 GitHub 存储库:myname 我的 GitHub 名称:myname 底层 GH 页面 URL:myname.github.io/myname 我的问题:我使用历史 Vue 路由器设置了以下页面:主页、联系人、项目. 每当我访问 myname.com/contact 时，它都会将我路由到 404.当我点击一个链接将我重定向到 /cont ..
发布时间：2021-09-20 19:58:09 前端开发

如何在 Vue 状态更改时更改路由器呈现的组件?

我在 Vue 中设置了一个 Vuex 商店和路由器.根据此商店中的一段状态，我希望路由器为同一路径呈现不同的组件.以下是我尝试这样做的结果. 在我的路由器中，我包含一个条件，表示“如果用户已登录，则返回 Home，否则返回 Login". 在我的 Login 组件中，当用户成功登录时，我将 loggedIn 状态(在 Vuex 存储中)的值更改为 true在.我已经测试并可以看到此状态 ..
发布时间：2021-09-20 19:58:01 前端开发

vue-router:使用浏览器后退按钮时跳过页面

我的申请中有一个“主页"页面和一个“成功"页面. 成功页面有一个按钮，点击该按钮后，会通过 window.location.href='https://google> 转到类似于 https://google.com 的 URL.com'. 我可以从首页开始，使用vue-router推送到成功页面，然后点击按钮跳转到网址.但是，当我按下浏览器的后退按钮时，我希望它返回主页而不是成功页面 ..
发布时间：2021-09-20 19:57:29 前端开发

Vue Router 如何连续滚动到相同的哈希

我目前正在开发一个基于 Vue 的站点，并使用 Vue Router 进行路由.我处理滚动行为以锚定链接的方法如下: const router = new VueRouter({路线，滚动行为(到){如果(to.hash){返回 {选择器:to.hash，偏移量:{x:0，y:140}}}返回 { x: 0, y: 0 }}}) 我的链接是通过以下方式构建的: 霍格 如果我 ..
发布时间：2021-09-20 19:56:46 前端开发

Vue - 浏览器在线或离线时设置不同的图标

我正在尝试为浏览器在线(正常徽标)和离线(灰色徽标)设置不同的图标.我正在使用 Vue JS，我能够检测在线和离线设置，我也可以为不同的状态设置不同的图标，但离线图标不会显示，因为我的浏览器没有互联网来获取图标. 实现这一目标的最佳方法是什么?我使用的代码如下，顺便说一句，我使用“v-offline"来检测在线或离线状态 handleConnectivityChange (status) { ..
发布时间：2021-09-20 19:56:43 前端开发

Vue:传递给路由器链接的道具

我希望在我的 web 应用中有 3 个主要部分: App.vue - 这个页面只有 标签和一些常规配置 + 它每秒获取一个 API ControlPanel.vue - 此页面将 App.vue 页面获取的一些数据可视化 Profile.vue - 此页面将 App.vue 页面获取的一些数据可视化 现在，我使用 API 调用设置了我的 App.vue， ..
发布时间：2021-09-20 19:55:28 前端开发

不能让路由器工作

这是我的路由器/index.js 从'vue'导入Vue从“vue-router"导入路由器从“../views/Home"导入主页从“../views/Login"导入登录Vue.use(路由器)导出默认的新路由器({//模式:'哈希'，路线:[{小路: '/'，组件:首页},{路径:'/登录'，组件:登录},]}) 这是我的登录视图 登录 ..
发布时间：2021-09-20 19:54:23 前端开发

使用Vue登录后如何呈现标题和侧边栏

我有一个 Vue.js 应用程序，目前我使用不同的页面呈现它.我遇到了一个问题，当我第一次登录时，它只会根据 vue 路由器呈现作为页面的单个主要组件.我正在寻找一种方法来运行我的登录功能然后转到 /dashboard 但我希望它重新呈现我的 App.vue 文件或找到某种方法来重新加载我的标题和侧边栏在下面代码作为符号现在当我在 /login 上时标题和侧边栏不显示，所以 router.push ..
发布时间：2021-09-20 19:54:03 前端开发