- 博客(8)
- 收藏
- 关注
原创 vscode常用的插件
一、Vuter:vue语法高亮二、vscode-icons:提供了vscode的图标三、Prettier - Code formatter:用于格式化代码四、px to rem:px 转 rem五、Path Intellisense:路径自动补全六、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code:简体中文七、Auto Close Tag:自动闭合HTML标签。
2024-06-29 10:09:23 180
原创 element的 Notification 通知组合 Drawer 抽屉 实现查看信息
三、在methods中写一个方法在进入页面时Notification通知开启,message中的内容可自定义。点击查看详情抽屉开启,点击确定,抽屉关闭,通知关闭。一、将抽屉组件引入到页面中。二、再data中定义数据。
2024-06-27 11:21:49 729
原创 手写一个类似element的Notification通知,利用vue 的 transition内置组件 实现过渡效果
* 定义进入和离开的持续时间和动画函数 *//* 初始位置偏移100%,即完全在右方 *//* 持续时间3秒,动画类型为ease *//* 离开时的位置也设置为屏幕底部之外 *//* 进入时的位置设置为屏幕右部之外 *//* 初始化时透明度为0 */三、进入页面判断是否显示。二、在data中定义。四、样式以及过度效果。
2024-06-26 14:51:17 381
原创 el-upload图片上传
on-preview 点击文件列表中已上传的文件时的钩子;on-exceed 文件超出个数限制时的钩子;图片上传是开发中经常遇见的,今天记录一下。before-upload :上传之前;三、在mounted钩子中获取token。一、将el-upload组件引入到页面。headers 设置上传的请求头部;on-success :成功;action :上传的路径;on-remove :删除;limit 最大允许上传个数;四、图片上传之前的逻辑。
2024-06-25 11:58:15 774
原创 el-select远程搜索
在项目中经常会用到el-select远程所搜,今天记录一下。2.在data中定义options和list。remote-method:远程搜索的方法。filterable:是否可搜索。change:选中值发生变化触发。1.首先将组件引入到项目页面中。remote:是否远程搜索。options:下拉框内容。3.调用后端接口获取值。4.根据输入的值过滤。
2024-06-17 11:08:25 319
原创 element表格表头通过tree组件实现可拖拽改变表头位置以及显示隐藏某个表头
default-checked-keys:默认勾选的节点的 key 的数组;2.table组件使用v-for 遍历 tableColumns 中的值。default-expand-all:是否默认展开所有节点;@node-drag-start:节点开始拖拽时触发的事件;@check-change:节点选中状态发生变化时的回调;:allow-drop:拖拽时判定目标节点能否被放置;show-checkbox:节点是否可被选择;@node-drop:拖拽成功完成时触发的事件;data:展示的数据;
2024-06-15 15:02:24 292
原创 Axios设置responseType:“blob“,获取接口返回的json信息
近期在做文件上传以及下载,在接口中设置了responseType:"blob",无法获取到接口返回的信息,在设置responseType:"blob"后,后端会返回Blob二进制文件流,例如这样的。这是在接口中设置的responseType:"blob"如果要获取接口返回的信息,则需要在方法中加入下面的代码。
2024-06-13 17:15:15 578
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人