vue管理系统笔记

Bertha 。 2022-01-22 02:29 122阅读 0赞

1.lintfix  npm run lintfix 自动修复代码规范

2.在packjage.json中

"scripts": {
        "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --open",//加上--open 自动打开浏览器
        "start": "npm run dev",
        "unit": "jest --config test/unit/jest.conf.js --coverage",
        "e2e": "node test/e2e/runner.js",
        "test": "npm run unit && npm run e2e",
        "build": "node build/build.js"
      },

2.  路由跳转  搜索框的路由连接不存在让它跳主页面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMxMjA3NA_size_16_color_FFFFFF_t_70][]

｛path:'*',redirect:'/'｝

5.导航守卫

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。

对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。

在全局的Main.js中注册:router,如果有的话就可以直接调用

router.beforeEach((to, from, next) => {
     
    
      if(to.path == '/login' || to.path == '/register'){
        next()
      }else{
        alert('你还没有登录!')
      next('/login')
      }
    })

6.router-view 的复用

7.routerscroll

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMxMjA3NA_size_16_color_FFFFFF_t_70]: /images/20220122/04411c249e1149bbb62e199813509d2c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关新闻管理系统（SpringBoot+Vue）

商丘工学院新闻网 1、前言 `sqgxy-xxydz-news`是在大四参加的web大赛的一个项目，与我的队友协同开发，在此过程中收获颇多。 --------

痛定思痛。/ 2024年03月31日 11:50/ 0 赞/ 107 阅读

相关 vue 做后台管理系统

vue 做后台管理系统展开目录结构： ![70][] 请参考： http://www.cnblogs.com/herozhou/p/7434931.ht

淩亂°似流年/ 2023年06月30日 02:39/ 0 赞/ 83 阅读

相关仓库管理系统笔记+idea

插件使用 hutool——java工具包 [https://gitee.com/loolly/hutool/][https_gitee.com_loolly_huto

谁借莪１个温暖的怀抱￠/ 2023年06月22日 09:29/ 0 赞/ 69 阅读

相关 vue后台管理系统的布局

首先新建一个vue项目，然后安装element-ui组件，vuex状态管理等需要用到的。项目建立好能运行之后，在src/commponents文件夹下新建一个layout文

迷南。/ 2023年01月11日 01:23/ 0 赞/ 211 阅读

相关《管理信息系统》课程笔记

严正声明：论述题的答案并不唯一，意思描述清楚即可，万不可亦步亦趋的直接完全照搬。如有雷同，害人害己。下文内容包含了笔者自己的理解，并非教材原文，仅供参考。![在这里插入图

古城微笑少年丶/ 2022年12月24日 14:50/ 0 赞/ 175 阅读

相关 Vue后端管理系统

作为后端猿类，经常烦恼怎么搭建一个前端项目，重新搭比较麻烦，现在整理一个方便的脚手架，让后端猿也能轻松的搞定前端项目，能够更好的实现KPI github地址：[https:/

落日映苍穹つ/ 2022年11月22日 00:23/ 0 赞/ 149 阅读

相关笔记7：权限管理功能【Vue实战项目：电商管理系统（Element-UI）】

文章目录 1 权限列表 1.1 通过路由展示权限列表组件 1.2 调用API获取权限列表的数据

ゞ浴缸里的玫瑰/ 2022年08月31日 13:19/ 0 赞/ 550 阅读

相关交通灯管理系统笔记

以下内容为学习张孝祥交通灯管理系统视频教程时所做的笔记网页显示版面不正常请下载[原笔记文件][Link 1] 交通灯管理系统模拟实现十字路口的交通

红太狼/ 2022年04月01日 12:46/ 0 赞/ 208 阅读

相关 vue后台管理系统搭建

软件架构软件架构说明：本项目使用vue框架，写的一个后台管理系统使用说明 \\项目开始之前,\\先安装npm 将taobao作为镜像文件,切换到到cnpm,步骤如

你的名字/ 2022年03月17日 02:40/ 0 赞/ 452 阅读

相关 vue管理系统笔记

1.lintfix npm run lintfix 自动修复代码规范 2.在packjage.json中 "scripts": { "dev":

Bertha 。/ 2022年01月22日 02:29/ 0 赞/ 123 阅读