![](https://img-blog.csdnimg.cn/20210622103653633.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 53
vue项目中总结
程序媛_MISS_zhang_0110
前端晋级者
展开
-
vue中图谱关系插件relation-graph
【代码】vue中图谱关系插件relation-graph。原创 2024-06-24 14:42:43 · 497 阅读 · 0 评论 -
vue中如何进行Markdown文档展示与解析
需求:接口返回了一个政策详情页面,里面有图片,用v-html展示的是url,所以改用vue-markdown。原创 2024-05-29 15:47:02 · 841 阅读 · 1 评论 -
vue项目中markdown显示为html
【代码】vue项目中markdown显示为html。原创 2024-05-27 14:34:16 · 447 阅读 · 0 评论 -
vue2.0滚动加载组件
需求:刚开始用的element-ui的滚动加载组件,个别电脑会在滚动加载没到底就停止了,怀疑是有bug,就自己写了一个。原创 2024-05-27 13:30:52 · 238 阅读 · 0 评论 -
输入搜索时候el-input和el-select来回切换
需求分析:输入搜索下拉框,如果下拉框中没有就变成输入框。原创 2024-05-21 11:27:52 · 192 阅读 · 0 评论 -
vue 引入 emoji 表情包
【代码】vue 引入 emoji 表情包。原创 2024-05-21 11:06:31 · 527 阅读 · 0 评论 -
在vue项目中使用md5对登录密码进行加密
MD5是一种信息摘要算法(对称加密),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值,用来确保信息传输完整一致性。它可以计算任意长度的输入字符串,得到固定长度的输出,而且这个算法是不可逆的,即使得到了加密的密文,也不可能用解密算法反算出明文。原创 2024-05-21 10:58:45 · 311 阅读 · 0 评论 -
纯前端实现截图功能
【代码】纯前端实现截图功能。原创 2024-05-21 10:41:43 · 410 阅读 · 0 评论 -
html导出word和pdf格式
【代码】html导出word和pdf格式。原创 2024-05-21 10:26:05 · 288 阅读 · 0 评论 -
点击@和输入@,防微信@功能
注意:输入框不能不能设置为display: inline-block;不然初始化的时候获取输入的光标是无法获取到的。原创 2024-05-21 09:52:16 · 193 阅读 · 0 评论 -
vue预览 pdf、word、xls、ppt、txt、csv文件方法
word、xls、ppt、pdf 这些文件要用 微软官方的预览地址。注意:1. 文件地址必须公网;2. 静态资源不要有访问权限。原创 2024-05-10 15:03:43 · 1110 阅读 · 0 评论 -
vue项目中基于fabric 插件实现涂鸦画布功能
【代码】vue项目中基于fabric 插件实现涂鸦画布功能。原创 2024-04-22 17:54:27 · 621 阅读 · 1 评论 -
el-upload组件如何上传blob格式的url地址视频
el-upload是Element UI中用于文件上传的组件,通常用于上传本地文件。如果需要上传url地址而不是本地文件也是可以的,需要自己封装一下。原创 2024-04-22 17:38:08 · 536 阅读 · 1 评论 -
vue中表格xlxs空白模板下载
【代码】vue中表格xlxs空白模板下载。原创 2022-09-19 10:16:38 · 197 阅读 · 0 评论 -
前端根据URL地址实现下载(txt,图片,word,xlsx,ppt)
一般来说,下载通过以上写法可以实现下载。但是download属性本身存在一些限制或者系统的限制,会导致该属性失效,转而改为打开文件。如果是非同源url,可以使用blob: URLs 和 data: URLs。仅适用于同源URL(同协议,同端口,同域名,什么是同源URL)还没有找到好办法,如果各位有,评论一下我呀。原创 2024-01-04 15:35:03 · 1176 阅读 · 0 评论 -
vue项目中的录屏插件recordrtc且带声音
其中窗口录屏不带声音,chrome标签和整个屏幕的录屏是带声音的。原创 2024-01-04 15:22:07 · 1425 阅读 · 2 评论 -
纯前端上传word,xlsx,ppt,在前端预览并下载成图片(预览效果可以,下载图片效果不太理想)
二、主要代码没了~链接: https://www.jb51.net/article/278400.htm原创 2024-01-04 11:34:22 · 998 阅读 · 0 评论 -
vue项目中设置background: url() 是行内样式不生效,样式表是可以的
[TOC](vue项目中设置background: url() 是行内样式不生效,样式表是可以的)首先:如果不是项目中普通的一个index.html中是可以的。原创 2023-11-17 16:46:41 · 1340 阅读 · 3 评论 -
vue2.0项目中组件和iframe之间如何传值
【代码】vue2.0项目中组件和iframe之间如何传值。原创 2023-10-24 14:17:17 · 472 阅读 · 0 评论 -
vue项目内嵌iframe,iframe如何自适应高度
【代码】vue项目内嵌iframe,iframe如何自适应高度。原创 2023-10-24 14:08:59 · 2568 阅读 · 0 评论 -
项目中拖拽元素,可以使用html的draggable属性,当然也可以用第三方插件interact
html的draggable属性需要自己写逻辑,用人家封装好的代码简单逻辑清楚,非常香。原创 2023-10-24 14:02:23 · 555 阅读 · 0 评论 -
vue项目中内嵌iframe,打包上线时候iframe地址如何写?
前提描述,项目是用webpack打包的,内嵌一个完整的js小组件。原创 2023-10-24 13:53:42 · 648 阅读 · 0 评论 -
vue项目中调用Google自带右下角弹框
google浏览器要在设置通知权限开启。原创 2023-10-24 13:40:47 · 609 阅读 · 0 评论 -
vue中实现复制内容到剪切板
【代码】vue中实现复制内容到剪切板。原创 2023-05-05 13:42:54 · 554 阅读 · 0 评论 -
watch监听不到数组对象的变化
Vue不能监听到数组和对象值的变化其实和双向绑定的原理有关。Vue双向绑定原理是利用js中的Object.defineproperty重定义对象的GET和SET方法,而同时这种方法存在着缺陷。就是只能监听到对象内已有的值。在监听对象中属性变化的方法中中,无疑是使用ES6的proxy更为优越。**总结:如果操作对象是数组,改变数组的值用Vue的set方法,改变数组的长度用数组的splice方法使数组变化变成可监听的。如果操作对象是对象。如果操作的属性是对象内已经有的值,使用。原创 2023-03-07 17:00:09 · 3118 阅读 · 0 评论 -
Vue懒加载引入子组件的生命周期
父组件created —— 子组件created —— 子组件mounted —— 父组件mounted。父组件created —— 父组件mounted —— 子组件created —— 子组件mounted。原创 2022-12-20 16:37:44 · 569 阅读 · 0 评论 -
使用Blob对象接收后台返回的图片流并展示到前端页面
代码】使用Blob对象接收后台返回的图片流并展示到前端页面。原创 2022-08-17 15:25:13 · 3348 阅读 · 2 评论 -
前端如何处理后端一次性传来的1w条数据?
正常数据存json就算是十万条也不算太多,1w条数据大概率在1M以内,现在的网络这个延迟大概在一秒以内最多3秒一次渲染100,000条记录大约需要12秒,这显然是不可取的。原创 2022-07-26 14:33:12 · 4109 阅读 · 4 评论 -
Vue获取el-table中某一行dom元素及根据父元素获取子元素dom
但是有点时候是得到的数组是空,是因为一开始表格没有值,在获取值的外边写一个二、根据父元素获取子元素dom链接: https://blog.csdn.net/AzeShinja/article/details/120762028链接: https://www.csdn.net/tags/NtzaUgysNTk2MDYtYmxvZwO0O0OO0O0O.html...原创 2022-07-14 14:06:38 · 4539 阅读 · 0 评论 -
Vue 父组件如何监听子组件的生命周期
二、通过 @hook 实现链接: http://t.zoukankan.com/Leophen-p-13811427.html原创 2022-07-14 13:57:14 · 1698 阅读 · 2 评论 -
vue中使用富文本插件wangEditor自定义本地视频和图片上传功能
vue中使用富文本插件wangEditor自定义本地视频和图片上传功能原创 2022-06-10 16:47:56 · 5144 阅读 · 3 评论 -
vue中dialog下修改弹框的visible的值之加.sync的区别
比方说,elementui中的dialog组件,它有个prop 叫visible,在使用该组件的时候,我们希望点击dialog 右上角的x号,或者点击遮罩层,隐藏dialog。但是我们没法在子组件去直接修改父组件绑定visible属性的变量,按照规则,我们需要在dialog里。sync 修饰符其实是个双向绑定的语法糖,一般用于“双向绑定”props的时候,类似v-model。一个事件,然后在父组件的处理方法中去修改该值,但是这样写太麻烦了,因此,我们使用了。修饰符,然后约定子组件使用。原创 2022-05-05 18:14:47 · 4135 阅读 · 0 评论 -
vue 项目中登录中密码加密(crypto-js)
vue 项目中登录中密码加密一、aes.js二、具体代码三级目录用户登录密码传输未加密,不太安全加密方法有js-sha256、aes、des、ras一、aes.js安装 npm install js-sha256var CryptoJS = require('crypto-js')var key = 'abcdefgabcdefg12'export function encrypt(text) { return CryptoJS.AES.encrypt(text, CryptoJ原创 2022-05-05 17:28:57 · 4825 阅读 · 0 评论 -
修改scoped下的element的样式不生效的问题
修改scoped下的element的样式不生效的问题一、@import引入css二、样式区分写三、popper-class项目中使用的是element的组件在使用tooltip/dialog组件/Cascader 级联选择器的时候,修改样式发现没有生效(动态添加组件的层级并不是在使用的地方,而是和我们的app是在同一层级的,所以直接scoped中改是不会生效的)一、@import引入css自定义一个公共的css配置文件,提前设置固定的css样式在使用@import引入使用优点:这样的好处就是全原创 2022-05-05 16:31:04 · 1576 阅读 · 0 评论 -
vue中时间日期格式化第三方组件库moment的使用
【代码】vue中时间日期格式化第三方组件库moment的使用。原创 2022-03-08 16:50:41 · 3564 阅读 · 0 评论 -
lodash工具库用法
lodash工具库用法(未完成)一级目录二级目录三级目录一级目录二级目录三级目录链接: https://blog.csdn.net/qq_35414779/article/details/79077618?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2aggregatepagefirst_rank_ecpm_v1~rank_v31_ecpm-1-79077618.pc_agg_new_rank&utm_term=原创 2022-03-08 16:23:19 · 1009 阅读 · 0 评论 -
vue中父传子传递函数对应this指向问题
vue中父传子传递函数对应this指向问题一、父组件二、子组件一、父组件<template> <div> 父组件 <Children :show="show"></Children> </div></template> methods: { // 父方法接受参数 show() { console.log(this, 't原创 2022-03-02 13:06:08 · 1420 阅读 · 2 评论 -
vue右键在新标签页中打开链接(a标签跳转路由)
ue右键在新标签页中打开链接(a标签跳转路由)一、代码主要是通过a标签的href进行路由的跳转实现的一、代码 <el-menu :default-active="defaultActive" class="menu-box" @select="handleSelect" :default-openeds="openeds" :collapse="isCollapse"原创 2022-02-18 13:34:19 · 4427 阅读 · 0 评论 -
vue中使用v-bind=“$attrs“和v-on=“$listeners“进行多层组件监听
vue中使用v-bind="$attrs"和v-on="$listeners"进行多层组件监听一、层级关系1.top组件2.center组件3.bottom组件vue组件之间通信,我们可以使用props和vuex两种方式,但是vuex太重,props在多级组件中使用又太麻烦,vue2.4版本提供了另一种方法,使用v-bind="$attrs",将父组件中不被认为 props特性绑定的属性传入子组件中,通常配合 interitAttrs 选项一起使用。v-bind="props":可以将父组件的所原创 2022-01-13 17:56:27 · 2528 阅读 · 0 评论 -
Vue中子组件props接受父组件传递的值,能不能修改?
Vue中子组件props接受父组件传递的值,能不能修改?原创 2022-01-13 17:28:01 · 4895 阅读 · 0 评论