![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
独自灿烂吧
这个作者很懒,什么都没留下…
展开
-
vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失
原因:vue路由传递参数如果用params传递参数,那么页面刷新就会丢失数据,可以改用query来传递参数,这样刷新就不会丢失.如果传递的是对象,注意要把对象转为字符串,否则刷新就会变为undefined了.另外,二者还有点区别,直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示.解决办法:传递页:把传递的对象县转化为字符串2.目标页:目标页接收参数并把字符串转化为对象3.路由页:路径后面绑定数据原创 2020-07-15 19:43:01 · 614 阅读 · 0 评论 -
vue路由的几种方式
1.子路由不要加/2.动态路径在这里插入图片描述在这里插入图片描述3.路由守卫进入守卫beforeRouteUpdate(动态路由发生变化的时候调用)beforeRouteUpdate(to,from,next){console.log(to)next()}离开守卫免战牌页面(404页面)4.编程式导航replace可以节省内存router(拿到方法或属性)history可以去掉#, 有坑(nginx找不到路径 会返回404)解决办法hash5.命名路由原创 2020-07-08 21:29:17 · 7403 阅读 · 0 评论 -
路由元信息
https://blog.csdn.net/cofecode/article/details/79181894转载 2020-07-08 21:26:53 · 105 阅读 · 0 评论 -
$ vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 error Command failed with exit code 1
跟同事合作项目时 yarn serve项目好几次没起起来,然后报如下错误:我以为我install到了,但是一看没有node_modules模块,所以yarn install或者npm install一下就好了原创 2020-07-07 20:15:45 · 4316 阅读 · 0 评论 -
vue项目步骤
一、vue过滤器组件,组件拆分二、vue-cli安装vue.config.js chainWebpack(config.resolve.alias.set()) //改写成绝对路径module.exports = { chainWebpack: config => { config.resolve.alias .set('@', path.resolve(__dirname, './src/components')) .set('assets',原创 2020-07-07 08:28:44 · 85 阅读 · 0 评论