![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-router
都挺好,刚刚好
慢下来反而会更快,慢就是快,快就是慢。
展开
-
Vue 动态路由入门
Vue 动态路由入门转载 2023-05-22 14:54:38 · 45 阅读 · 0 评论 -
keep-alive
keep-alive原创 2021-12-06 17:37:20 · 1171 阅读 · 0 评论 -
vue-router路由元信息详解
vue-router路由元信息详解转载 2023-05-17 10:47:39 · 244 阅读 · 0 评论 -
vue路由传参的三种方式
路由传参转载 2021-09-23 15:54:29 · 80 阅读 · 0 评论 -
怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
怎么定义vue-router的动态路由?怎么获取传过来的动态参数?转载 2022-10-09 10:11:13 · 524 阅读 · 0 评论 -
命名路由的使用
命名路由原创 2022-10-09 09:39:11 · 192 阅读 · 0 评论 -
两种传参方式 query 与 params
两种传参方式 query 与 params原创 2022-10-08 11:26:11 · 740 阅读 · 0 评论 -
vue中beforeRouteEnter、beforeRouteLeave的应用场景
vue中beforeRouteEnter、beforeRouteLeave的应用场景转载 2022-08-10 14:18:09 · 3730 阅读 · 0 评论 -
router.afterEach()
router.afterEach()原创 2022-08-10 11:10:53 · 1848 阅读 · 0 评论 -
vue中 router.beforeEach() 的用法
vue中 router.beforeEach() 的用法原创 2022-08-10 10:50:59 · 33684 阅读 · 0 评论 -
axios取消请求
axios取消请求原创 2022-08-05 14:34:04 · 304 阅读 · 0 评论 -
name params传参获取
vue-router params传参获取原创 2022-06-16 09:51:00 · 169 阅读 · 0 评论 -
解决 Cannot read property ‘beforeRouteEnter‘ of undefined
解决办法1.先卸载 vue-routernpm uninstall vue-router2.再安装低版本npm i vue-router@2.4.0 将现在的版本降到2.4.0版本以下原创 2022-03-16 13:17:34 · 254 阅读 · 0 评论 -
Failed to mount component: template or render function not defined.
原因是路由引入时候报错,没有写全路径然后文件夹下面有相同名称的.vue文件和.js文件我把本应在<script>标签中的代码拿出来放到了index.js上,而我在router.js中引入组件时又偷懒了。因此vue-loader在引入时把index.js当做了入口,而不是index.vue。所以就出现了上面这个问题,解决方案很简单,引入组件时加个index.vue就可以了。> let SeniorCertification = () =>> import('.转载 2022-03-16 13:09:28 · 1421 阅读 · 0 评论 -
论query和params在前后端中的区别
1. query:第一种 name引入 query传参<router-link :to="{ name: 'W', query: { id:'1234',age:'12' }}"/>routes基于name设置:{ path: '/hhhhhhh', //这里可以任意 name: 'W', //这里必须是W component: W}然后就把path匹配添加到url上去:http://localhost:8080/#/hhhhhhh?id=1234&原创 2021-09-23 16:17:19 · 379 阅读 · 0 评论 -
关于this.$router.push、replace、go的用法和区别
1、this.$router.push跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面在这里插入代码片// 字符串this.$router.push('index') // 对象this.$router.push({path: 'login-pw'})// 带参数this.$router.push({path: 'login-pw', query: {'account': this.account.account}})// 跳转后的页面获取参数t原创 2021-12-21 10:02:16 · 4802 阅读 · 0 评论 -
this.$router.push两种传参方式的区别
首先简单来说明一下 $router 和 $route的区别//$router : 是路由操作对象,只写对象//$route : 路由信息对象,只读对象第一种 params传参 只能由name引入//$router : 是路由操作对象,只写对象//$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age原创 2021-11-08 14:11:33 · 1150 阅读 · 0 评论 -
vue-router 两种传参方式以及相应路由书写方式
$route 与 $router## $route和$router的区别,$ router是路由操作对象,对要跳转的路由进行编写,而使用$ route我们来从浏览器中读取路由参数,总而言之,$ router只写要跳转的路由, $ route 只读(参数的获取)route相当于当前正在跳转的路由对象。。可以从里面获取name,path,params,query等。。打印this.route和this.route和this.route和this.routerquery 传参na转载 2021-11-08 12:15:02 · 192 阅读 · 0 评论 -
Vue-router路由跳转的两种方式
1、基于链接跳转的vue-router跳转方式:在vue-router中,存在着一个自定义标签,<router-link to:“url”>----能够跳转到我们想要跳转到的url页面,**搭配显示出相对应的组件页面。**一般而言,创建一个组件式页面编写路由大概分成以下几步:1、to 后面可以 跟组件名字 也可以是 路径<router-link to="product">test</router-link><router-link :to="{ p原创 2021-11-08 11:29:19 · 2225 阅读 · 0 评论 -
路由懒加载
第一步 安装插件npm install --save-dev @babel/plugin-syntax-dynamic-import第二部 在babel.config.js中添加插件plugins: [ [ 'component', { libraryName: 'element-ui', styleLibraryName: 'theme-chalk'原创 2021-11-03 16:37:23 · 62 阅读 · 0 评论