有时我们通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。我们直接在路由下添加一个 name 即可. 注意，如果使用命名路由route-link的to属性前面有有个冒号（对比标红部分）<!DOCTYPE html>
<!-- saved
Vue3 的一些语法知识 文章目录Vue3 的一些语法知识1. 组合API详解2. Vue3 组件通信1、第一个组件（品类组件）2、第二个组件（分页组件）3、在父级组件中使用自定义组件3. Hooks 封装4. Vue3 新语法细节 1. 组合API详解为什么要使用setup组合？Vue3 中新增的 setup，目的是为了解决 Vue2 中 “数据和业务逻辑不分离” 的问题。Vue3中使用 set
转载
2024-10-21 18:55:01
30阅读
文章目录vue-project-tree一、使用二、API1、属性2、事件3、方法4、插槽 vue-project-tree使用 Vue3 + TS 实现的树形结构展示组件，有拖拽、排序、自定义图标等功能一、使用安装npm install vue-project-tree -S导入import VueProjectTree from "vue-project-tree";使用import { r
作为一个后端开发人员，因项目需求暂转页面开发的伪前端人员，在项目需求实现中的小收获在这里做一下分享。 话不多说，看代码article1. vue登录记住密码之cookeis缓存1 <template>
2 <el-form :rules="loginRules" ref="loginForm" :model="loginForm">
3 <e
转载
2024-10-22 14:25:46
46阅读
公司用vue2写了很多系统管理的项目，之前路由都是在前端写，这次尝试了一下动态路由的写法动态路由介绍动态路由就是利用router.addRoutes向路由里面动态添加页面，方便了权限的管理（防止用户直接输入路由名称进入页面），但也增加了维护难度新增页面直接添加页面即可，后台配置好路径就行权限控制方便，后端返回什么就只能展示什么，无需遍历路由限制权限会增加代码难度，不了解的流程的会很难维护前端配置路
由于我的路由是自动加载的，所以菜单也是被vue文件或者文件夹控制，所以只要创建vue文件和文件夹就可以实现创建菜单。第一步：修改自动加载路由vue-router我之前的路由是文件夹下单个vue文件即是一级路由，而要变成二级路由就得要有两个vue文件以上，但是这样非常麻烦，还有就是一些页面不想在菜单中显示，但是又想使用，所以增加了一个hidde文件夹作为隐藏vue文件位置。router/index.
1. 默认路由（默认网关） 默认路由（Default Route）一般应用于网络（企业网、校园网、园区网等）出口，用于指向互联网，实现内网主机能够跟外网通信。一般放在路由表的最底部，只有当常规的路由列表没有匹配时，才会查看/调用默认路由，所以我们也将默认路由称为”最后一根稻草”。 对于默认路由为什么放在路由表的最底部，可以认为是默认路由对数据转发的一种“不负责任”的表现，有点类似于甩锅，当转发
转载
2024-04-27 13:55:55
113阅读
准备新建一个路由src/views/book/create.vue router 配置 原始文件： 可以看到路由在实例化的时候是使用的constantRoutes（任何用户都享有这个功能）,asyncRoutes（比如说图书管理只有管理员才能访问）异步组件并没有被加载进去，那么在哪个环节asyncRoutes被读取并加载呢？ 如何控制只有管理员能访问而其他人不能访问呢？那么我们就要把我们的图书路由
1. 需求描述最近开发的一个项目，涉及到这样一个需求：随着项目的不断推进，后台管理功能逐渐增多，与此同时，静态路由表也逐渐扩大，需要把静态路由方式转换为动态路由方式。要完成这样一个转换，有几个技术要点需要解决，其中一个就是前端的实现方式。那么，前端如何实现呢？2. 实现Vue动态路由的前端实现，网上有不少参考资料。但大多存在代码冗余，思路模糊不清的情况。现在整理一下思路。当前端发送登录请求logi
转载
2024-09-12 15:44:37
62阅读
在Web应用开发中，前端常常要展示数据列表，数据较多时就要对查询结果进行分页，只显示当前页的数据，一方面不会造成数据列表过长，另一方面减少每次查询和返回的数据量。Laravel 中实现数据分页非常简单，使用 Element-UI 完成分页数据的前端展示同样非常简单。一、Laravel 分页1、在其他框架中，分页操作可能比较复杂。Laravel 不管使用数据库查询构造器 或者 Eloquent OR
带参数的动态路由匹配 | Vue Router (vuejs.org)<template>
<!-- <router-view></router-view> -->
<component v-if="isShow" :is="routerList[routerType]"></component>
公司项目做整理需要将前端vue项目菜单修改成动态菜单+动态路由。1.动态路由了解需求后查看了package.json使用的是Vue.js 官方的路由管理器：vue-router。1. 查看vue-router官方文档发现vue-router有 添加新路由规则的函数，函数有三个：router.addRoutes(routes: Array<RouteConfig>)动态添加更多的路由规则
转载
2024-03-21 09:00:16
156阅读
<template v-for="item in sliders"> <!-- 二级路由/三级路由 --> <template v-if="item.children&&item.children.length>0"> <!-- 三级路由 --> <template v-if="item.child
原创
2021-07-13 16:22:31
2198阅读
在用Fragment做Tab页面，发现有时候进入应用会同时显示多个Tab内容，UI发生重叠。当应用被强行关闭后（通过手机管家软件手动强关，或系统为节省内存自动关闭应用），再次进入应用时，每次都有这现象。第一次进入应用时，根据选择的tab分别创建对应的Fragment，之后每次选择页面时隐藏其他tab内容。通过分析发现，正常back键退出应用时，Activity及Fragment对象会被销毁，因此再
介绍：目前使用的路由表是三级路由表，文章中使用Element-UI动态生成导航栏可以有N级路由嵌套，但是事实上不会有那么多级路由，但是为了方便还是一次性写好，使用时就是复制文件就好虚拟路由表:（hidden属性用于判断是否将路由显示在导航栏，true表示隐藏）const RouterMap =[
{ path: '/login', component: () => import('@/vie
基于vue+element，把静态路由改为动态路由修改动态路由的过程 第一步：修改理由配置文件，只留下login, router/index.jsimport Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);
const commonRoutes = [
{
path: '/login',
type: 'l
转载
2024-04-23 14:33:15
186阅读
本文介绍Vue Router的嵌套路由的用法。 嵌套路由用于实现页中页效果，例如：
原创
2022-08-16 08:59:59
1442阅读
前言前面基本演示完了vue-router的基本用法，但是当组件之间嵌套子组件，这个嵌套的路由该怎么写呢？可能
原创
2021-06-18 13:20:38
1191阅读
前言前面基本演示完了vue-router的基本用法，但是当组件之间嵌套子组件，这个嵌套的路由该怎么写呢？可能这一句话不能够直接说明情况，下面来直接看例子。嵌套路由示例1.首先写三个组件，一个account组件，另外两个子组件login和register<script> // 1. 定义 (路由) 组件。 ...
原创
2022-07-02 00:20:22
243阅读
一、jquery中children()与find()用法区别详解1、children() 是一个筛选器，顾名思义就是筛选子元素，筛选那些符合条件的子元素。 jquery取索引使用eq函数。 eq() 选择器选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。 经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素。2、fin
转载
2023-08-18 08:59:32
66阅读
