- 博客(8)
- 收藏
- 关注
RSS订阅原创 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
123
原创 element的 Notification 通知组合 Drawer 抽屉 实现查看信息
三、在methods中写一个方法在进入页面时Notification通知开启，message中的内容可自定义。点击查看详情抽屉开启，点击确定，抽屉关闭，通知关闭。一、将抽屉组件引入到页面中。二、再data中定义数据。
2024-06-27 11:21:49
560
原创 手写一个类似element的Notification通知，利用vue 的 transition内置组件 实现过渡效果
* 定义进入和离开的持续时间和动画函数 *//* 初始位置偏移100%，即完全在右方 *//* 持续时间3秒，动画类型为ease *//* 离开时的位置也设置为屏幕底部之外 *//* 进入时的位置设置为屏幕右部之外 *//* 初始化时透明度为0 */三、进入页面判断是否显示。二、在data中定义。四、样式以及过度效果。
2024-06-26 14:51:17
350
原创 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
466
原创 el-select远程搜索
在项目中经常会用到el-select远程所搜，今天记录一下。2.在data中定义options和list。remote-method：远程搜索的方法。filterable：是否可搜索。change：选中值发生变化触发。1.首先将组件引入到项目页面中。remote：是否远程搜索。options：下拉框内容。3.调用后端接口获取值。4.根据输入的值过滤。
2024-06-17 11:08:25
166
原创 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
259
原创 Axios设置responseType:“blob“，获取接口返回的json信息
近期在做文件上传以及下载，在接口中设置了responseType:"blob"，无法获取到接口返回的信息，在设置responseType:"blob"后，后端会返回Blob二进制文件流，例如这样的。这是在接口中设置的responseType:"blob"如果要获取接口返回的信息，则需要在方法中加入下面的代码。
2024-06-13 17:15:15
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人