
Vue
文章平均质量分 54
vue项目中总结
程序媛_MISS_zhang_0110
前端晋级者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
表单提交form-data类型
【代码】表单提交form-data类型。原创 2025-04-15 17:14:10 · 233 阅读 · 0 评论 -
vue前端开发规范大全
自定义事件应始终使用 kebab-case 的事件名-- 父组件 --><div</div>// 子组件methods: {原创 2025-02-11 15:55:56 · 940 阅读 · 0 评论 -
Vue2 使用wangEditor5 上传图片
【代码】Vue2 使用wangEditor5 上传图片。原创 2024-12-03 15:27:50 · 304 阅读 · 0 评论 -
vue2项目中滚动的自动和停止
【代码】vue2项目中滚动的自动和停止。原创 2024-08-26 17:31:53 · 491 阅读 · 0 评论 -
vue2.0纯前端预览附件方法汇总
支持 Word 和 Excel 和Pdf 文档预览,兼容性好。支持多种文件(.docx、.pdf、.excel)预览的vue组件套装,支持vue2/3。调用方法:https://view.xdocin.com/view?另外预览ppt还有一个插件pptx但是我没试,放两个链接,你们可以自己试试。文件上传时预览,此时可以获取文件的ArrayBuffer或Blob。如果要获取最新的源码,要找人家开放私库权限(文章链接里面有)有文档网络地址,比如 https://***.docx。重要写完了~~~~~心累。原创 2024-08-26 15:07:49 · 1791 阅读 · 0 评论 -
vue 使用 js-audio-recorder 插件实现录音功能并转为MP3
【代码】vue 使用 js-audio-recorder 插件实现录音功能并转为MP3。原创 2024-08-26 14:09:18 · 1446 阅读 · 0 评论 -
fetch获取流式数据并逐个打字效果
【代码】fetch获取流式数据并逐个打字效果。原创 2024-08-19 18:03:53 · 974 阅读 · 0 评论 -
前端怎么用 EventSource并配置请求头及加参数(流式数据)
EventSource 接口是 web 内容与服务器发送事件通信的接口。一个 EventSource 实例会对 HTTP 服务器开启一个持久化的连接,以 text/event-stream 格式发送事件,此连接会一直保持开启直到通过调用 EventSource.close() 关闭。EventSource 服务器发送事件是单向的。数据消息只能从服务端发送到客户端。原创 2024-08-19 17:51:21 · 3779 阅读 · 0 评论 -
vue中图谱关系插件relation-graph
【代码】vue中图谱关系插件relation-graph。原创 2024-06-24 14:42:43 · 1307 阅读 · 0 评论 -
vue中如何进行Markdown文档展示与解析
需求:接口返回了一个政策详情页面,里面有图片,用v-html展示的是url,所以改用vue-markdown。原创 2024-05-29 15:47:02 · 1556 阅读 · 1 评论 -
vue项目中markdown显示为html
【代码】vue项目中markdown显示为html。原创 2024-05-27 14:34:16 · 976 阅读 · 0 评论 -
vue2.0滚动加载组件
需求:刚开始用的element-ui的滚动加载组件,个别电脑会在滚动加载没到底就停止了,怀疑是有bug,就自己写了一个。原创 2024-05-27 13:30:52 · 407 阅读 · 0 评论 -
输入搜索时候el-input和el-select来回切换
需求分析:输入搜索下拉框,如果下拉框中没有就变成输入框。原创 2024-05-21 11:27:52 · 394 阅读 · 0 评论 -
vue 引入 emoji 表情包
【代码】vue 引入 emoji 表情包。原创 2024-05-21 11:06:31 · 1371 阅读 · 0 评论 -
在vue项目中使用md5对登录密码进行加密
MD5是一种信息摘要算法(对称加密),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值,用来确保信息传输完整一致性。它可以计算任意长度的输入字符串,得到固定长度的输出,而且这个算法是不可逆的,即使得到了加密的密文,也不可能用解密算法反算出明文。原创 2024-05-21 10:58:45 · 820 阅读 · 0 评论 -
纯前端实现截图功能
【代码】纯前端实现截图功能。原创 2024-05-21 10:41:43 · 1332 阅读 · 0 评论 -
html导出word和pdf格式
【代码】html导出word和pdf格式。原创 2024-05-21 10:26:05 · 762 阅读 · 0 评论 -
点击@和输入@,防微信@功能
注意:输入框不能不能设置为display: inline-block;不然初始化的时候获取输入的光标是无法获取到的。原创 2024-05-21 09:52:16 · 314 阅读 · 0 评论 -
vue预览 pdf、word、xls、ppt、txt、csv文件方法
word、xls、ppt、pdf 这些文件要用 微软官方的预览地址。注意:1. 文件地址必须公网;2. 静态资源不要有访问权限。原创 2024-05-10 15:03:43 · 3156 阅读 · 0 评论 -
vue项目中基于fabric 插件实现涂鸦画布功能
【代码】vue项目中基于fabric 插件实现涂鸦画布功能。原创 2024-04-22 17:54:27 · 1116 阅读 · 1 评论 -
el-upload组件如何上传blob格式的url地址视频
el-upload是Element UI中用于文件上传的组件,通常用于上传本地文件。如果需要上传url地址而不是本地文件也是可以的,需要自己封装一下。原创 2024-04-22 17:38:08 · 911 阅读 · 1 评论 -
vue中表格xlxs空白模板下载
【代码】vue中表格xlxs空白模板下载。原创 2022-09-19 10:16:38 · 254 阅读 · 0 评论 -
前端根据URL地址实现下载(txt,图片,word,xlsx,ppt)
一般来说,下载通过以上写法可以实现下载。但是download属性本身存在一些限制或者系统的限制,会导致该属性失效,转而改为打开文件。如果是非同源url,可以使用blob: URLs 和 data: URLs。仅适用于同源URL(同协议,同端口,同域名,什么是同源URL)还没有找到好办法,如果各位有,评论一下我呀。原创 2024-01-04 15:35:03 · 1410 阅读 · 0 评论 -
vue项目中的录屏插件recordrtc且带声音
其中窗口录屏不带声音,chrome标签和整个屏幕的录屏是带声音的。原创 2024-01-04 15:22:07 · 2213 阅读 · 2 评论 -
纯前端上传word,xlsx,ppt,在前端预览并下载成图片(预览效果可以,下载图片效果不太理想)
二、主要代码没了~链接: https://www.jb51.net/article/278400.htm原创 2024-01-04 11:34:22 · 1151 阅读 · 0 评论 -
vue项目中设置background: url() 是行内样式不生效,样式表是可以的
[TOC](vue项目中设置background: url() 是行内样式不生效,样式表是可以的)首先:如果不是项目中普通的一个index.html中是可以的。原创 2023-11-17 16:46:41 · 2180 阅读 · 3 评论 -
vue2.0项目中组件和iframe之间如何传值
【代码】vue2.0项目中组件和iframe之间如何传值。原创 2023-10-24 14:17:17 · 733 阅读 · 0 评论 -
vue项目内嵌iframe,iframe如何自适应高度
【代码】vue项目内嵌iframe,iframe如何自适应高度。原创 2023-10-24 14:08:59 · 3083 阅读 · 0 评论 -
项目中拖拽元素,可以使用html的draggable属性,当然也可以用第三方插件interact
html的draggable属性需要自己写逻辑,用人家封装好的代码简单逻辑清楚,非常香。原创 2023-10-24 14:02:23 · 663 阅读 · 0 评论 -
vue项目中内嵌iframe,打包上线时候iframe地址如何写?
前提描述,项目是用webpack打包的,内嵌一个完整的js小组件。原创 2023-10-24 13:53:42 · 862 阅读 · 0 评论 -
vue项目中调用Google自带右下角弹框
google浏览器要在设置通知权限开启。原创 2023-10-24 13:40:47 · 1013 阅读 · 0 评论 -
vue中实现复制内容到剪切板
【代码】vue中实现复制内容到剪切板。原创 2023-05-05 13:42:54 · 731 阅读 · 0 评论 -
watch监听不到数组对象的变化
Vue不能监听到数组和对象值的变化其实和双向绑定的原理有关。Vue双向绑定原理是利用js中的Object.defineproperty重定义对象的GET和SET方法,而同时这种方法存在着缺陷。就是只能监听到对象内已有的值。在监听对象中属性变化的方法中中,无疑是使用ES6的proxy更为优越。**总结:如果操作对象是数组,改变数组的值用Vue的set方法,改变数组的长度用数组的splice方法使数组变化变成可监听的。如果操作对象是对象。如果操作的属性是对象内已经有的值,使用。原创 2023-03-07 17:00:09 · 3736 阅读 · 0 评论 -
Vue懒加载引入子组件的生命周期
父组件created —— 子组件created —— 子组件mounted —— 父组件mounted。父组件created —— 父组件mounted —— 子组件created —— 子组件mounted。原创 2022-12-20 16:37:44 · 658 阅读 · 0 评论 -
使用Blob对象接收后台返回的图片流并展示到前端页面
代码】使用Blob对象接收后台返回的图片流并展示到前端页面。原创 2022-08-17 15:25:13 · 3839 阅读 · 2 评论 -
前端如何处理后端一次性传来的1w条数据?
正常数据存json就算是十万条也不算太多,1w条数据大概率在1M以内,现在的网络这个延迟大概在一秒以内最多3秒一次渲染100,000条记录大约需要12秒,这显然是不可取的。原创 2022-07-26 14:33:12 · 4673 阅读 · 4 评论 -
Vue获取el-table中某一行dom元素及根据父元素获取子元素dom
但是有点时候是得到的数组是空,是因为一开始表格没有值,在获取值的外边写一个二、根据父元素获取子元素dom链接: https://blog.youkuaiyun.com/AzeShinja/article/details/120762028链接: https://www.youkuaiyun.com/tags/NtzaUgysNTk2MDYtYmxvZwO0O0OO0O0O.html...原创 2022-07-14 14:06:38 · 5320 阅读 · 0 评论 -
Vue 父组件如何监听子组件的生命周期
二、通过 @hook 实现链接: http://t.zoukankan.com/Leophen-p-13811427.html原创 2022-07-14 13:57:14 · 1984 阅读 · 2 评论 -
vue中使用富文本插件wangEditor自定义本地视频和图片上传功能
vue中使用富文本插件wangEditor自定义本地视频和图片上传功能原创 2022-06-10 16:47:56 · 5975 阅读 · 3 评论 -
vue中dialog下修改弹框的visible的值之加.sync的区别
比方说,elementui中的dialog组件,它有个prop 叫visible,在使用该组件的时候,我们希望点击dialog 右上角的x号,或者点击遮罩层,隐藏dialog。但是我们没法在子组件去直接修改父组件绑定visible属性的变量,按照规则,我们需要在dialog里。sync 修饰符其实是个双向绑定的语法糖,一般用于“双向绑定”props的时候,类似v-model。一个事件,然后在父组件的处理方法中去修改该值,但是这样写太麻烦了,因此,我们使用了。修饰符,然后约定子组件使用。原创 2022-05-05 18:14:47 · 4702 阅读 · 0 评论