router
RxnNing
我本非凡
展开
-
require.context
vue/cli2中/config/dev.env.js/config/prod.env.js配置 开发环境名NODE_ENV: '"development"'配置 开发环境后台接口地址BASE_API: '"http://123.57.71.29:8080"'调用配置好的参数axios.default.baseURL = process.env.BASE_APIrequire.context函数接受三个参数directory {String} -读取文件的路径useSubdir原创 2021-05-18 16:52:57 · 377 阅读 · 0 评论 -
vue-router重复点击路由报错问题vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: “
报错信息:vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/recommend/000Si7u14BaKKw") is not allowed", stack: "Error↵ at new Navi原创 2021-01-13 09:27:41 · 1528 阅读 · 0 评论 -
vue-router 纤细配置
先安装好 vue-routernpm i vue-router --save一、文件的配置首先创建一个配置路由的js文件(这儿以main.js 同目录中创建router/index.js文件为例)#router/index.js文件import VueRouter from "vue-router"; //引入安装好的vue-routerimport Vue from 'vue' //引入vueVue.use(VueRouter) //注册VueRouterimport AAAA原创 2020-12-26 21:48:33 · 1407 阅读 · 0 评论 -
分装react 的路由组件
先安装routernpm i react-router-dom -S创建router文件夹# Router.js文件//引入路由组件import {Switch, Route, Redirect} from 'react-router-dom'//引入 react 和 Componentimport React, { component } from 'react'//分装成路由组件class Router extends Component { //渲染函数 render()原创 2020-12-19 19:27:31 · 181 阅读 · 2 评论 -
解决路由重复点击报错问题Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current loca
在路由js 文件中写入import Vue from 'vue'import Router from 'vue-router'//写入下面代码可解决问题const originalPush = Router.prototype.pushRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}...原创 2020-11-17 08:59:46 · 374 阅读 · 0 评论 -
vue router路由参数变化,路由地址没变化 ,页面不重新渲染,刷新问题
路由参数变化,地址没变化 ,页面不重新渲染,刷新问题原因:该路由对应的组件在 路由地址没有改变,会复用该组件,不会再重新创建该组件实例,所以对应的写在生命周期钩子函数中的异步请求代码就不会执行,页面也不会重新渲染,解决方法:方法一:给对应的router-view 动态添加key属性,这样就不会出现路由参数变化页面复用的情况,代码如下:#router-view 代码<router-view :key="key"></router-view>#组件动态key属性 的值原创 2020-11-12 22:15:00 · 7956 阅读 · 0 评论 -
vue路由手动刷新页面后 当前路由的导航按钮样式被初始化
vue路由手动刷新页面后 当前路由的导航按钮样式被初始化,就是被选中的样式回到了第一个导航按钮上错误视图:路由默认是在 /home/recommend对应的【推荐音乐】按钮点击导航按钮【热歌榜】按钮 切换到了/home/hosongslist导航样式 也切换到了 【热歌榜】上点击刷新后路由没变还是/home/hosongslist,当时导航样式又回到了初始上【推荐音乐】按钮错误代码:<div class="item" v-for="(item,index) of btnlist"原创 2020-11-12 21:48:35 · 577 阅读 · 0 评论