vue
文章平均质量分 51
我的椰子啊
学而不思则罔,思而不学则殆。
展开
-
Vue3自定义封装音频播放组件(带拖拽进度条)
该款自定义组件可作为音频、视频播放的进度条,用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。原创 2024-05-10 17:07:08 · 440 阅读 · 2 评论 -
Vue自定义封装音频播放组件(带拖拽进度条)
该款自定义组件可作为音频、视频播放的进度条,用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。原创 2024-05-09 09:50:21 · 244 阅读 · 0 评论 -
vue使用SVG矢量图
SVG(Scalable Vector Graphics,可缩放矢量图形)是一种使用 XML 标记语言描述二维图形和图形应用的开放标准,其核心特性是可缩放性,即使放大缩小都不会失去清晰度和质量。与其他图像格式(如 PNG、JPEG 等)不同,SVG 是通过描述图形、线条、颜色等元素来构建完整的矢量图形,而不是像其他格式那样基于像素图(位图)的。可编辑性:SVG 可以轻松地编辑,并且可以使用 CSS 直接修改其样式。可缩放性:SVG 可以在不失真或模糊的情况下进行任意大小的缩放。改完配置后需要重启项目。原创 2023-06-19 16:44:52 · 809 阅读 · 0 评论 -
Element-ui table 分页后,el-tooltip失效 Vue
el-table列表分页之后el-tooltip效果失效。原创 2023-04-11 11:30:05 · 758 阅读 · 0 评论 -
网站变成灰色(置灰)
网站整体置灰(适用于所有网站)原创 2022-12-02 16:13:22 · 426 阅读 · 0 评论 -
vue中使用防抖节流
Vue中使用防抖节流原创 2022-11-25 11:14:32 · 230 阅读 · 0 评论 -
VUE实现下载文件,避免浏览器默认直接打开文件
前端如何实现文件下载,防止浏览器自动打开可预览文件原创 2022-11-25 10:12:25 · 6292 阅读 · 3 评论 -
el-tree组件
el-tree实现全选折叠等功能原创 2022-08-08 10:02:54 · 354 阅读 · 0 评论 -
后端返回带T时间格式
后端返回带T时间格式。原创 2022-07-26 10:54:52 · 3190 阅读 · 1 评论 -
省市区三级联动(v-region)
最新有一个需求是要求写省市区的,也好久没有写这个了,有现成的轮子我觉得就直接用轮子,省时间,可以多学一些自己感兴趣的领域,话不多说,开始操作,先看效果图,轮子为VUE Componenthttps://terryz.gitee.io/vue/#/region/demo......原创 2022-01-07 11:17:00 · 1444 阅读 · 4 评论 -
vue实现icon刷新动画
点击icon图标,旋转360度实现刷新动画效果实现 第二种实现Ant Design Vue刷新动画不管是elementUI和Ant Design Vue组件库,两者逻辑都是一样的,根据不同的css样式来进行旋转效果更多效果可以参考菜鸟教程...原创 2022-06-22 14:43:31 · 1821 阅读 · 2 评论 -
Vscode设置用户代码片段
打开Vscode: 文件->首选项->用户片段 点击用户片段,选择vue.json或者新建全局代码片段文件 随后会打开一个json文件设置,可直接将以下代码粘贴复制到自己的文件中(步骤:ctrl+A->ctrl+C->ctrl+V),代码写在最下面了,可直接复制 配置的代码块代码 代码 { // Place your snippets for vue here. Each snippet is defined u..原创 2022-05-17 12:29:15 · 4522 阅读 · 0 评论 -
Vue 文件上传至oss
为什么使用对象存储OSS很多企业的文件上传下载都是通过文件流的形式进行上传下载的,需要后端配合,对服务器压力很大,而且高消费,对公司损失太大,我们选择使用oss将尽可能地缩小成本,以及对网站及逆行大幅度提升使用对象存储OSS改变了什么网站数据动静分离,大幅提升网页性能 单独的文件管理界面,管理网站文件和本地电脑一样高效率方便使用 成本低,资源弹性伸缩,按需付费什么是对象存储OSS阿里云对象存储OSS(Object Storage Service)是一款海量、安全、低成本、高可靠的云存储原创 2022-05-10 12:16:40 · 2442 阅读 · 3 评论 -
JS获取文件名及后缀
获取文件名 const str ='baidu.exe' // 定义一个字符串const aa = str.lastIndexOf('.') // 获取.对应的下标位置const bb = str.substring(aa+1) // 获取文件后缀名const cc = str.substring(0,aa) // 截取字符串,从0开始截取至.对应的下标位置 ...原创 2022-05-09 19:03:06 · 1056 阅读 · 0 评论 -
el-Select默认全选功能
引文: 最近要做一个默认全选的功能模块,我这里引用了elementUI组件库的select组件,用来实现我想要的效果。 先看下效果图 先在return里边定义我们from表单对象以及规则(可选) <el-form ref="form" model="form" :rules="rules" label-width="100px"> <el-form-item label="地址" prop="address"> &..原创 2022-04-12 15:25:53 · 3294 阅读 · 0 评论 -
el-form表单添加自定义校验(非必选情况)
El-form表单添加自定义校验(非必选情况)原创 2022-03-26 12:33:05 · 5411 阅读 · 0 评论 -
el-table的el-table-column排序
el-table-column排序功能原创 2022-02-25 13:53:22 · 2298 阅读 · 0 评论 -
ElementUI中el-table组件自定义设置单元格样式
最近遇到一个需求,后台返回的数据中有一个错误的数组,我们需要给错误数组中的数据用自定义样式用红框给框起来,且看如下效果!!!先看效果图开始上才艺:跟着步骤走看elementUI官网解释,如果设置单元格需要cell-style属性 引入element的el-table组件,并且引入axios(数据是后台给的,所以要用到axios) 看代码: <el-table :data="tableData" style="width: 100%" ...原创 2021-12-28 17:55:08 · 7562 阅读 · 3 评论 -
vue3 引入Vant组件库
最近在学习vue3.0,引入Vant组件库时,遇到一些问题,所以在vue3中不要按照vue2的格式去引入组件库,不然容易出现错误。目前Vant 3 是基于Vue3 开发的,在使用 Vant 3 前,请将项目中的 Vue 升级到 3.0 以上版本。错误示例import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'...原创 2021-12-25 16:53:52 · 3091 阅读 · 1 评论 -
VUE 后台返回文件流,前端实现模板下载
最新再写一个批量导入,模板下载的功能,今天就总结一下模板下载的功能效果,有一些博主说用a标签去下载,form表单去下载,这些针对我做的效果可能不是很理想,所以我就自己研究做了出来,希望可以帮到各位,话不多说,看代码;由于不想写样式,就直接借用的ElementUI跟着我的步骤走:(批量导入的链接:)先看下效果图: 【图片】【图片】【图片】 点击事件 <el-button type="primary" plain size="mini" @click="handleDown">.原创 2021-12-21 20:33:38 · 974 阅读 · 2 评论