- 博客(15)
- 收藏
- 关注
RSS订阅原创 简单易懂的excel表格导出
项目开发时难免会遇到关于excel表格导出功能，这个记录一下表格导出的简单方法 -- 使用vue-json-excel实现。
2024-01-27 21:08:26
384
原创 【 elementUI---el-upload图片上传 】
vue2项目中要求实现图片上传，elementUI为我们提供了便捷的图片上传组件，接下来以组件中照片墙为例简单介绍组件使用：献上官网链接：Element - The world's most popular Vue UI framework 代码中，当图片上传成功后，需要获取图片上传后的地址。这里用到拼接 const imageUrl = `${host}/${url}` host指的是export const host = 'http://localhost:9898'url指
2024-01-22 00:32:01
967
原创 即学即用的富文本编辑器---wangEditor
在项目编写中，会遇到编写富文本编辑器。这里推荐一个比较容易上手且全面的富文本编辑器--wangEditor：里面拥有加粗、下划线、斜体、大小写、字体字号、排序、图片上传、表格等等文本编辑功能。
2024-01-19 22:16:25
1280
1
原创 【 elementUI---Tree树形控件 】---懒加载自定义子节点
如果是第二层及以上，则需要携带参数发送请求（根据传参数不同，这里是获取点击的数据中的cid作为参数发送请求）在项目中，通常面临这样的需求：一级菜单点击后会出现二级菜单，并且点击一级菜单发送的请求返回的数据是二级菜单内容。如果返回的数据已经是层级数据，不需要每点击一次渲染下一级子菜单，则只需要使用基础用法稍加修改即可。childNodes：这里是当前节点数据，有5个代表这一层目录有条目录渲染。：是一个回调函数resolve（data），里面需要传入参数data，作为下一级菜单数据。label：节点名称。
2024-01-18 18:53:35
946
1
原创 vuex使用合集
vuex在项目中使用频率很高，此文介绍了vuex从安装到使用中遇到的问题（文档不断在完善，目标是将所有vuex情况记录下来方便回顾）
2024-01-14 22:56:06
1073
1
原创 前端项目环境变量解读以及转换
打印后发现：环境变量是一个对象，对象中包含当前环境的环境配置文件相关信息（当前是开发环境则显示NODE_ENV: "development"，读取环境为development的环境变量值）。对应不同的开发需求需要用到不同的环境变量，每个环境的数据是独立的，开发环境不能看到测试环境和生产环境，反之也一样。tips:打包命令后面跟一个参数“---mode 参数”，可以指定要读取的环境变量文件（如"build:stage": "vue-cli-service build。:生产环境变量文件（正式环境）
2024-01-06 21:02:53
429
1
原创 vue3简单图片上传 -- 使用el-upload组件
before-upload 是图片上传之前触发的回调函数，既然是上传之前，则需要进行一些判断然后上传：比如文件类型的限制以及文件大小的限制。，是组件中action属性（ action="/api/admin/product/fileUpload"）所对应的上传接口返回的信息，里面有一个重要的信息：data。，里面包含该图片文件的相关信息：文件名name，文件信息raw，大小size，uid，以及response。:on-success 是图片上传成功的回调，有两个参数，
2023-07-31 00:37:10
2013
1
原创 Tree 树形控件 -- 树形结构角色权限添加和删除
既然是这样，我们需要从所有权限数组 roleStore.allPermission 中过滤出 select 为 true 的层级的权限 id 值，所有满足 select 为 true 的 id 组成一个数组，即得到seletedPermissionRole。这里需要注意：使用到递归的方法 ---- 将当前层级的 children 子数组作为第一个参数层层遍历下去，最后返回的 initArr 即为已有权限 id 组成的数组，赋值给el-tree组件中 :default-checked-keys 属性。
2023-07-29 02:51:55
420
原创 vue3 组件传参
mitt.emit () 接收两个参数，第一个为名称，第二个为传递的参数。通过指定的名称，才能绑定对应的监听器。mitt.on () 也接收参数，第一个参数任然为名称，第二个参数为函数，函数的参数是 mitt.emit () 传递的参数。函数中接收到传递的参数可以按需要直接使用（如图将接收的参数赋值给 keyword ）除此之外，还有一个较常用的api -- emitter.off("searchKeyword") -- 移除订阅。里面的参数则是需要取消的事件名称。
2023-07-26 01:15:56
1657
1
原创 全屏显示 Fullscreen API 相关知识
返回全屏显示的element元素节点。如果没有使用全屏，则返回null：html页面退出全屏显示；：html页面开启全屏显示；
2023-07-23 22:24:40
624
1
原创 页面复用 -- 添加用户和编辑用户共用Drawer抽屉组件
1、两个页面不同之处，title不同：添加页面为添加用户，编辑页面为编辑用户。点击不同按钮触发的回调，显示对应的title；2.内容不同：添加页面对比编辑页面，多了一项用户密码输入框；3.内容不同隐含两个页面接口请求不相同，接口参数也需要注意。面对不同之处，具体应该怎么书写代码呢？
2023-07-23 02:06:49
384
1
原创 浅析 useRoute() 、useRouter()
useRoute()、useRouter()本质是两个函数，是用于获取路由相关信息。useRoute()：用于返回当前路由信息对象用于接收路由参数。useRouter()：用于返回当前路由实例，常用于实现路由跳转。使用方法先引入且需要调用两个函数才可以得到相关信息。
2023-07-20 21:59:17
3693
原创 全局前置守卫解读
全局守卫：简单说在项目中任意路由切换都会触发的钩子函数。全局前置守卫：是在组件初始化时候调用的，每次路由切换的时候，全局前置守卫都会调用，因此在全局守卫中，我们总是需要设置一些什么。全局前置守卫（不只是全局前置守卫）包含三个参数：to、from、next()第一个参数 to ：指的是跳转后的路由 --- 我要去哪儿；第二个参数 from ： 指的是从哪个路由开始跳转 --- 我从哪儿来；第三个参数 next() : 它是一个函数，表示路由可以往下进行跳转 --- 我是守门员；
2023-07-19 23:21:28
392
原创 动态路由 --- 实现不同权限用户不同导航栏展示
动态路由？顾名思义，路由不是固定的，是根据登录用户（启强）所拥有的权限。为启强特有的路由。此时的路由主要分为三个部分：常量路由（所有用户都能访问到的路由）；异步路由（根据用户权限特有的路由）；任意路由。
2023-07-19 01:40:50
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人