- 博客(37)
- 收藏
- 关注
RSS订阅原创 vue项目中封装手动上传单个图片并支持修改和移除
现有的组件库无法满足手动上传文件到服务器，并支持通过按钮修改和移除文件的操作。所以我利用原生input进行封装，如有需要请拿走
2023-04-24 09:47:59
317
1
原创 vue项目中封装手动上传多个图片并支持修改和移除
现有的组件库无法满足手动上传文件到服务器，并支持通过按钮修改和移除文件的操作。所以我利用原生input进行封装，如有需要请拿走
2023-04-20 22:59:19
581
原创 vue实现通过点击按钮预览图片（第二种方法）
上篇适合项目中多个页面使用按钮实现大图预览的场景，一次封装多次使用。今天介绍一款简单的方式，适合在单个页面中使用，话不多说，直接上代码。
2023-04-07 16:09:07
1296
原创 vue实现通过点击按钮来触发图片预览功能
element-ui自身可以通过el-image来实现大图预览的功能，但如果想实现点击按钮来预览图片需要手动封装组件来完成。
2023-04-06 19:52:11
2723
3
原创 js实现数组对象去重
需求一个全是对象类型的item项的数组，要求是去掉具有相同id的item项。第一种，数组新API,reduce方法。第二种，for循环遍历。
2022-07-31 22:49:20
160
原创 vue实现多页面应用开发,包含项目之间跳转
需求：在一个vue项目工程下，需要部署两个项目甚至多个项目。实现思路：第一步：在vue.config.js文件中配置两个项目的入口
2022-07-30 20:11:47
4264
1
原创 解决iframe内嵌移动端页面出现样式错乱问题
出现移动端页面样式错乱的原因：手动给iframe标签设置高度造成的。解决思路：在iframe页面完成DOM渲染再给iframe设置高度。具体实现：
2022-07-10 11:15:47
3706
原创 element-plus实现改变遮罩层loading的样式和文本内容，包含监听上传文件取消上传事件的监听
element-plus实现改变遮罩层loading的样式和文本内容，包含监听上传文件取消上传事件的监听import { ElLoading } from 'element-plus'第二步，创建实例
2022-04-18 20:06:14
2058
1
原创 在没有搭建环境变量获取不到baseUrl基础路径情况下，实现手动上传文件到服务器
在没有搭建环境变量获取不到baseUrl基础路径情况下，实现手动上传文件到服务器
2022-04-07 16:54:10
206
原创 使用html2canvas插件，将带文本标签的图片，或内嵌二维码一起生成图片并支持下载
使用html2canvas插件，将带文本标签的图片，或内嵌二维码一起生成图片并支持下载
2022-04-07 15:25:10
373
2
原创 vue-quill-editor富文本编辑器，带鼠标移入提示，带自定义颜色选择器
vue-quill-editor富文本编辑器，带鼠标移入提示，带自定义颜色选择器
2022-04-07 11:16:24
3544
3
原创 vue-codemirror 代码编辑器组件的封装，直接使用，拿走不谢
第一步：安装插件npm i codemirror --save第二步，复制粘贴，即可使用<template> <div class="in-coder-panel"> <textarea ref="textarea"></textarea> <el-select class="code-mode-select" v-model="mode" @change="changeMode">
2022-03-31 10:38:18
2835
原创 视频录屏组件的封装，直接使用，拿走不谢
不需要引入任何插件，直接复制粘贴即可用：<template> <div class="container"> <section class="item"> <span class="type-name">文件名称:</span> <input type="text" v-model.trim="fileName"/> <span>.mp4</span>
2022-03-31 09:52:31
374
原创 tinymce富文本编辑器直接使用，拿走不谢
在components中建Tinymce.vue存放如下代码<template> <div :class="{fullscreen:fullscreen}" class="tinymce-container" :style="{width:containerWidth}"> <textarea id="tinymceId" class="tinymce-textarea" /> </div></template>&l.
2022-03-30 19:37:57
2726
13
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人