首先在项目中添加Element UI npm i element-ui -S 修改main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue …
首先我们需要安装Element-UI插件 # 选择一个你喜欢的包管理器 # NPM $ npm install element-plus --save # Yarn $ yarn add element-plus # pnpm $ pnpm install element-plus 然后安装完成在main.js里面配置信息就可以了 import { createApp } from 'vue' i…
1.设置默认选中的key值:defaultSelectedKeys为$route.path 2.将每个菜单的key值和路由的path一样的 <div id="components"> <a-layout> <a-layout-header style="background: #fff;height: 50px;padding: 0px 20px;border-bot…
需求 ：A进入B，根据不同id刷新B页面数据，B进入C，C返回B，如果C有操作数据，则返回B后刷新B数据，否则B页面不刷新； 第一次尝试 *思路是从C进入B，缓存B，其他页面进入B，不缓存 B页面： beforeRouteLeave(to, from, next) { from.meta.keeplive= false; next(); }, activated(){ //根据$route.met…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue-del属性的用法</title> </head> <body> <div id="app"> {{ msg+','+username }} &l…
使用vue create创建项目 上下箭头无法切换选择Manually select features 解决： 通过winpty vue.cmd create wap这个命令创建项目 使用powershell 版权声明：本文为weixin_44771007原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/wei…
前言：这一章非常重要，首先我们要思考，路由涉及到了哪些东西？ ①它要生成URL地址与vue组件的路由关系，②它要根据当前用户的角色与菜单来决定要生成哪些地址路由。③它要把静态路由和后端传来的动态菜单路由结合在一起。④有些路由不需要权限控制(白名单)，比如登录页。 1.提供查询角色菜单的api 2.用pinia存储router信息 3.路由守卫中去查询用户角色和权限，动态添加路由。 4.注销退出后删…
// 父组件 <template> <child ref="childRef"></child> </template> <script setup> import { ref } from "vue"; // 引入子组件 import child from "./child.vue"; // 获取子组件 const childRef =…
#前端001之网络请求 在前端的页面中，网络请求是一个非常重要的存在 可以让我们省去很多排版步骤 下面就详细讲一下网络请求的步骤 首先我们排版了一个页面 比如是一个有4个相同卡片板块的页面 里面包含图片以及文字 效果示例如下 那我们只需要排版时，只需要做第一个卡片， 再使用v-for, 循环数组， 后面通过网络请求就可以循环出其他几个卡片板块（数据内容） HTML： <div class="…
基于Koa和Mock的模拟请求数据（支持node/vue/react 等） 在日常前端开发工程师在开发应用的时候，需要mock一些数据，提高开发速度 常见的mock数据的方式大致有一下几种 在代码中硬编码 优点：简单直接粗暴 缺点：对代码存在很强的侵入性，不便于长期开发，并且代码不美观，也不好维护 单独使用 mockjs 接入程序 优点：能够提供较强的模拟数据，使用比较简单 缺点：因为 mockj…