![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue实战开发
前端大斗师
精通JavaScript、TypeScript、PHP、Python、Node、Vue、React、Angular等单词拼写
展开
-
【长按图片保存到相册】Vue移动端H5页面实现长按图片保存到手机功能
【长按图片保存到相册】Vue移动端H5页面实现长按图片保存到手机功能原创 2022-12-07 14:24:07 · 4420 阅读 · 6 评论 -
【JavaScript小数相加】封装公共方法
【JavaScript小数相加】封装公共方法原创 2022-12-05 18:27:59 · 596 阅读 · 0 评论 -
windows系统完全卸载并重装Node(亲测可用)
A、node -v 查看 node 版本B、npm -v 查看 npm 版本2、安装完成后,文件目录如下图如果 npx 为 +,会安装一个新的包 。npx是一个工具,旨在提高从npm注册表使用软件包的体验 ,npm使得它非常容易地安装和管理托管在注册表上的依赖项,npx使得使用CLI工具和其他托管在注册表,大大简化了一些事情。此处的环境配置主要配置的是 npm 安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可原创 2022-11-09 17:44:32 · 8164 阅读 · 0 评论 -
【Vue项目美化】NProgress顶部进度条详细配置
important;}建议写入中,并在main.js中引入也可直接写在App.vue中。原创 2022-11-03 10:59:48 · 1411 阅读 · 0 评论 -
【闲得无聊】写个web版功德无量附代码+静态资源
【代码】【闲得无聊】写个web版功德无量附代码+静态资源。原创 2022-10-18 15:15:22 · 737 阅读 · 0 评论 -
【vue-video-player】局部注册视频播放插件并设置中文
vue-video-player设置中文网上的各种解决方法都是全局注册,看腻了,真的看腻了。原创 2022-10-14 10:33:23 · 1209 阅读 · 5 评论 -
Vuex 终极秘籍总结
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。你可以理解 Vuex 为全局变量,与 data 不同的是,Vuex 的值刷新不会改变、所有页面均可使用、调用 Vuex 的方法和属性。原创 2022-09-26 14:44:02 · 1074 阅读 · 0 评论 -
【中鸡前端+Vue面试精选】
缺点:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。,指哪些可能由多个值构成的对象,保存在堆内存中,包含引用类型的变量本身,实际上保存的不是变量本身,而是指向该对象的指针。执行顺序:开始新的宏任务 => 宏任务执行 => 宏任务执行完毕 => 判断有没有可执行的微任务。同步任务:直接进入执行栈,在主线程上排队执行的任务,只有前一个任务执行完毕才会执行下一个任务。,当函数A被执行完时,函数A的作用域不会被释放。...原创 2022-08-26 14:55:32 · 325 阅读 · 0 评论 -
Vue获取地址栏携带的所有参数并解决hash模式和history模式兼容性
Vue获取地址栏携带的所有参数并将其传给后端原创 2022-07-11 14:29:44 · 1747 阅读 · 0 评论 -
Vue中使用mixins混入
组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,本质上两者还是泾渭分明,相对独立。mixins则是在引入组件之后,是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充。简单理解:减少代码冗余,提高开发效率,复用组件数据,方法等,以提高开发速度新建引入注册并使用mixins五、全局混入(不推荐)...原创 2022-07-08 23:41:16 · 2201 阅读 · 0 评论 -
Vue多环境打包配置,根据命令生成不同打包文件名
2.使用env配置文件设置Axios的baseURL3.配置scripts脚本运行命令模式在package.json文件下的scripts对象中配置mode原创 2022-06-24 14:57:18 · 3866 阅读 · 1 评论 -
Vue中axios请求二次封装
特性mian.js引入并挂载到Vue实例中2.1二次封装axios请求在scr目录下新建utils文件夹,并在utils文件夹下新建request.js2.2创建API请求在src目录下新建api文件夹,并在此文件夹下新建index.jsVue页面使用原创 2022-06-10 16:32:37 · 1820 阅读 · 0 评论 -
Vue抽离公共方法并全局注册使用
举例说明:抽离一个公共下载方法创建两个页面的原因是确定全局方法在不同页面都可使用别忘了在main.js引入router三、封装axios请求assets文件夹下新建api文件夹并在此文件下新建home.js四、创建公共下载方法在assets文件夹下新建utils文件夹并在此文件下新建downLoadTempFile.js......原创 2022-06-10 16:01:27 · 3147 阅读 · 0 评论 -
Vue全局注册防抖函数自定义指令
JavaScript防抖函数,建议前端所有接口都加入防抖方法原创 2022-05-16 10:49:16 · 411 阅读 · 0 评论 -
在Vue中使用JavaScript防抖
Vue中使用JS防抖原创 2022-05-13 15:10:30 · 2896 阅读 · 0 评论 -
Vue前端环境搭建(最简单,最全)
Vue前端环境搭建包括node npm原创 2022-04-01 10:22:26 · 2019 阅读 · 0 评论 -
firefox不兼容a标签文件下载
a标签下载文件不兼容的firefox问题原创 2022-02-24 16:00:14 · 1702 阅读 · 1 评论 -
vue项目中使用阿里iconfont图标(下载并在本地引用)
vue项目中使用阿里iconfont图标(下载并在本地引用)step1step2step3在scr/asstets/css目录下新建icons文件夹,把图中所需要的四个文件放进去即可原创 2021-12-16 11:25:39 · 2187 阅读 · 2 评论 -
一篇文章教会你使用Vue-pdf完成对后台返回的文件流进行PDF预览功能
一篇文章教会你使用Vue-pdf完成对后台返回的文件流进行PDF预览功能前言:封装vue-pdf组件为预览页面,通过unstructured.vue路由传参形式跳转到预览页面一、unstructured.vue// 预览async preview(row){ // 这个代码我不多做解释,接口请求而已 let res = await downLoadSourceFile({ bucket:'pdf', objectName:res_str+'.pdf', origi原创 2021-12-16 11:17:33 · 3278 阅读 · 0 评论 -
ElementUI级联选择器择任意项的两个缺陷,我不说,你也不知道吧
1.ElementUI官网级Cascader 级联选择器这样的话效果是实现了,但是存在两个问题:1、只能点击圆圈才能选中,点击文字 label 没有效果2、点击圆圈后理想是自动收起下拉,但这个是点击下拉框之外的地方才可以收起。2.以下就是我的解决办法<el-cascader // 一定要加ref属性稍后解决第二个问题 ref="refHandle" v-model="uploadFileValue" :options="options" placeholder="试原创 2021-12-02 10:38:10 · 1489 阅读 · 4 评论 -
Vue组件触发另一个组件的方法
Vue组件触发另一个组件的方法前言:当点击申请之后,头部组件上的值要动态发生变化,所以我们采取事件总线的方式1.全局注册bus总线// main.js 将$bus挂载在原型上Vue.prototype.$bus = new Vue();列表页面async shenqing(row){ // 请求后台接口 let res = await addApply(row.id) // res.code为0 即没有错误 if(res.code == 0)原创 2021-10-20 09:44:22 · 3652 阅读 · 3 评论 -
el-tree设置默认选中checkbox且复选框值改变触发事件
<el-tree :data="treeData" show-checkbox default-expand-all node-key="id" ref="tree" @check="checkedList" highlight-current :props="defaultProps" :default-chec原创 2021-09-27 17:38:10 · 4891 阅读 · 0 评论 -
Element el-date-picker表单校验和数据回显问题
vue项目中使用Element中的el-date-picker组件做必填项和数据回显前言:最近做项目的时候遇到这个问题,百度好几天得不到解决,这里给大家详细解释下。话不多说,先上效果图1.el-date-picker表单校验关于这个问题,我百度了许久没有解决,之后看到一位博主写的是change事件,还要给校验的规则加上...原创 2021-09-03 09:06:20 · 11872 阅读 · 16 评论 -
Vue使用formData类型上传文件
在vue中,我们普遍是前后端分离项目,即需要使用axios等工具向后台发送请求实现对数据的操作。其中,文件上传算是比较难的一种。这篇文章五分钟教会你上传文件。1.如图片上传,后端需要前端传formData类型数据的情况下<el-button type="primary" v-if="imgUrl2 ==''" @click="uploadFile2()">点击上传</el-button> <input type="file" @change="fileValueCh.原创 2021-09-01 09:52:05 · 16394 阅读 · 6 评论 -
Vue+Element UI使用本地数据实现对表格的增删改查
Vue+Element UI使用本地数据实现对表格的增删改查先上效果图话不多说,代码在下方<template> <div id="app"> <el-card class="box-card" style="width: 1200px;margin:150px auto;"> <div style="margin:100px 0 100px 0;position:relative;"> <el-button @cl原创 2021-09-01 09:11:20 · 2373 阅读 · 1 评论 -
配置腾讯云COS(云对象存储服务)
12.配置腾讯云Cos目标: 配置一个腾讯云cos由于上课的开发的特殊性,我们不希望把所有的图片都上传到我们自己的官方服务器上,这里我们可以采用一个腾讯云的图片方案上边图的意思就是说,我们找一个可以免费上传图片的服务器,帮我们**代管图片,我们在自己的数据库里只保存一个地址就行, 这其实也是很多项目的处理方案,会有一个公共的文件服务器**第一步,我们必须先拥有一个腾迅云的开发者账号(小心腾讯云的广告电话)请按照腾讯云的注册方式,注册自己的账号第二步,实名认证选择个人账户填原创 2021-05-25 09:47:08 · 5482 阅读 · 1 评论 -
vuex-persistedstatev数据持久化vuex
3.解决页面刷新vuex值消失3.1安装vuex-persistedstatenpm install vuex-persistedstate3.2在store目录下index引入import createPersistedState from 'vuex-persistedstate'3.3配置vuex-persistedstate将需要持久化的模块放到PERSIST_PATHS 中不需要持久化的不要放(重中之重)// 创建PERSIST_PATHS变量 存储要持久化的模块const原创 2021-05-25 09:16:48 · 1748 阅读 · 16 评论 -
两小时从零学会vue-admin-template框架
一、vue-admin-template1.项目简介官网:https://github.com/PanJiaChenvue-element-admin是含有丰富的组件,vue-admin-template是一个基础的单页面应用的框架,适合在vue-admin-template上二次开发,开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目,内部的架构非常的完善,简单易上手。1.2下载项目2.目录结构本项目已经为你生成了一个基本的开发框架,提原创 2021-05-21 10:33:45 · 49808 阅读 · 56 评论