![](https://img-blog.csdnimg.cn/e3b1bd4aa8054c67835cf8835031af2b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 64
主要发一发Vue开发过程会遇到的东西
阿民不加班
求求你们写博客写详细点吧
主修前端Vue,Java,uniapp,原生微信小程序
https://gbm2001.github.io/vitepress-notice/
展开
-
【Vue2】vue指定页面div保存为pdf、vue指定页面内容转为文件流上传到后端、js指定div页面转为pdf文件
参考文章:实测可行、但是需要修改前端vue的JsPDF html2canvas 生成pdf并以文件流形式上传到后端项目背景:vue2框架:若依需求:把页面上某一块内容(或者整个页面),转为pdf文件上传到后端、或者下载到本地提示:以下是本篇文章正文内容,下面案例可供参考如有不懂,请看原文。我这里是基于原文实现,并且修改部分内容。js指定页面内容另存为pdf文件前端vue把页面转为file文件流上传到后端。原创 2024-03-27 09:11:32 · 1866 阅读 · 0 评论 -
【Vue】console.log()打印对象显示点点点,js打印语句显示省略号 | 解决方案
在console.log打印对象或者数组时,里面会显示小数点。原创 2023-12-18 14:45:44 · 1187 阅读 · 1 评论 -
【Vue】vue小工具,vue移动端h5页面使用小齿轮控制台,移动端项目打开控制台
手机端h5,在app内打开控制台,显示控制台。设置变量原创 2023-12-08 09:49:01 · 1123 阅读 · 0 评论 -
【Vue】vant2使用van-tree-select实现【全选、反选、搜索】,自定义组件,拿去即用。2.0版本保姆级教程
【Vue】vue2移动端 ,vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】,只影响当前显示children,并且去重由于项目又多了新功能,我发现之前写的van-tree-select全选反选组件,不友好。得改进一下。效果如下。 van-tree-select实现全选反选组件效果实战案例我直接把代码全部贴出来。你们其实只需要改接口方法就好了。van-tree-select原创 2023-11-08 09:47:52 · 4186 阅读 · 0 评论 -
【Vue】vant上传封装方法,van-uploader上传接口封装
在移动端项目中,使用vant组件上传,但是vant没有上传方法,需要自己写。data变量methods方法打印file圈出来的file是用来传给后端的,上面的content是base64格式,用来预览的。在页面中引入原创 2023-10-31 11:21:04 · 1720 阅读 · 1 评论 -
【Vue】vscode格式刷插件Prettier以及配置项~~保姆级教程
vscode格式刷,有太多插件了,但是每个的使用,换行都不一样。这里我推荐一个很多人都推荐了的Prettier我这里只修改了2个地方把默认字符串双引号,改成了单引号。~~~还有宽度printWidth改成了120原创 2023-10-08 10:03:18 · 2236 阅读 · 0 评论 -
【Vue】vue2使用vue-pdf预览pdf文件,预览多页,在线预览方式二,vue页面内预览,无需额外pdfjs包,保姆级教程
参考文章1vue中前端实现pdf预览(含vue-pdf插件用法)参考文章2vue中运用vue-pdf实现pdf分页预览及缩放(可解决pdf预览不清晰问题)可以先看参考文章,再来看我的,这个作者的简洁粗暴,上手就能用,我写的主要针对新手小白但是只做了预览,如果需要切换上一页、下一页,请看参考2提示:以下是本篇文章正文内容,下面案例可供参考更多方法看官网传送门。原创 2023-09-12 10:45:16 · 6170 阅读 · 0 评论 -
【Vue】vue2使用pdfjs预览pdf文件,在线预览方式一,pdfjs文件包打开新窗口预览pdf文件
vue2项目,实现pdf文件的预览,只针对pdf类型,其他的不做考虑。提示:以下是本篇文章正文内容,下面案例可供参考打开方式就window.open拼路径就好了,我只针对pdf做了预览判断。原创 2023-09-12 09:23:13 · 7472 阅读 · 4 评论 -
【Vue】vue2移动端 ,vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】,只影响当前显示children,并且去重
组件链接传送门功能需求,全选和取消全选,只做简单版。就是两个按钮,一个,一个并且只选中 || 取消 当前显示的这个children数组这段代码,我封装成了一个components组件,只需要丢到2.js方法获取返回值二、子组件代码1.页面2.样式代码代码如下(示例):3. js代码它需要的是,一个对象数组,它的对象数据,就是左侧列表,children数据,就是右侧渲染的子级数据列表。例如下列格式这里我的写法是,获取部门列表,然后点击部门(左侧),再请求右边人员列表原创 2023-09-01 14:30:31 · 1851 阅读 · 0 评论 -
【Vue】vue2预览显示quill富文本内容,vue-quill-editor回显页面,v-html回显富文本内容
vue富文本编辑器vue-quill-editor的内容的渲染原创 2023-08-24 14:16:19 · 6586 阅读 · 0 评论 -
【Vue】vue2项目使用swiper5.4.5轮播图2024年1月5日实战保姆级教程(已过时)
swiper轮播图官网参考文章,最好先看完他的介绍,再看我的。swiper,vue中swiper的应用,swiper各个版本在vue项目中应用官方效果传送门更多效果传送门提示:以下是本篇文章正文内容,下面案例可供参考vue2使用swiper组件组件实战保姆级教程。原创 2023-08-21 11:17:40 · 12651 阅读 · 5 评论 -
【Vue】Vue2创建移动端项目实战教程,创建移动端项目保姆级教程,设置axios,utils工具包,vue.fonfig.js配置项 (下)
最最最详细的移动端vue2项目脚手架,有env环境,有vue.config.js,有axios,所有过程都是我一步步来的,看这一篇之前先看上两篇,因为这里是基于项目已经建好了的情况下写的。但是我改了一点东西,css预渲染器由less改成了scss。问题不是很大原创 2023-08-14 13:22:30 · 2981 阅读 · 7 评论 -
【Vue2】Vant2上传文件使用formData方式,base64图片转Blob再转File上传
vant2上传组件,用formData格式上传文件到后台,vue2语言,vant2组件库原创 2023-06-30 16:45:52 · 3200 阅读 · 2 评论 -
【vue-scroller】vue移动端插件,监听下拉触底,上拉刷新
效果如图,报错是我的判断是否已全部请求完没写好github地址提示:以下是本篇文章正文内容,下面案例可供参考作者的github页面参数代码预览。原创 2023-05-19 17:47:27 · 1289 阅读 · 1 评论 -
【常用代码】vue中使用a标签下载文件pdf、docx、doc,xls等,赋值文件名
有文件路径,项目域名+文件路径打开,可以直接在浏览器新窗口下载文件,使用window.open打开还会阅读pdf,而不会下载pdf文件。原创 2023-04-14 10:44:04 · 2251 阅读 · 0 评论 -
【Vue】vue2导出页面内容为pdf文件,自定义选中页面内容导出为pdf文件,打印选中页面内容,预览打印内容
打印页面中显示的部分内容,由div包括的所有内容都将被导出为pdf文件原创 2023-03-10 14:00:05 · 4002 阅读 · 1 评论 -
【Vue】vue移动端h5网页写入手机剪贴板内容,vue-clipboard2插件一键复制实战
vue移动端项目,在手机端打开网页,一键复制指定内容变量。原创 2022-12-28 11:12:58 · 1245 阅读 · 1 评论 -
【Vue】把页面上的某个div转化成base64图片,并且下载到本地。vue、h5页面下载图片到本地。页面转化base64文件下载到本地
把页面上的某个div转化成base64图片,并且下载到本地。vue、h5页面下载图片到本地。页面转化base64文件下载到本地原创 2022-11-22 14:05:49 · 3118 阅读 · 0 评论 -
【Vue】vue项目用qrcodejs2生成带log的二维码图片,vue生成二维码图片中间带log,自定义log
【Vue】vue项目用qrcodejs2生成带log的二维码图片,vue生成二维码图片中间带log,自定义log原创 2022-11-22 10:28:37 · 2363 阅读 · 0 评论 -
【Vue】params和query的区别?实战两种路由传参方式
vue路由中的跳转船舱,有两种传参方式提示:以下是本篇文章正文内容,下面案例可供参考。原创 2022-11-10 16:44:35 · 1917 阅读 · 0 评论 -
Vue项目中 vantUI中tab标签栏下划线位置异常,指定下标但是显示还是默认下标。解决方案
vantUI的tabs下标,显示不正确,已赋值但是还是显示默认的解决方法原创 2022-10-29 17:02:55 · 772 阅读 · 1 评论 -
vantUI van-picker中的column使用,picker选择器展示对象数组里面的属性,自定义展示数据
vantUI van-picker column原创 2022-10-26 17:40:32 · 11421 阅读 · 0 评论 -
../../../assetsets/image/***.png in ./node_modules/cache-loader/dist/cjs.js解决方法(重新手写引入)
./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1387d2b8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/l原创 2022-10-24 10:46:42 · 2213 阅读 · 0 评论 -
【常用代码10】vue移动端h5页面禁止双指放大
vue移动端项目禁止双指放大网页原创 2022-10-11 09:46:07 · 876 阅读 · 0 评论 -
【常用代码09】vue的路由守卫,实战案例,用户未登录无法进入后台页面,监听用户登录状态
路由守卫,监听未登录,跳转登录页面原创 2022-10-03 00:37:22 · 1002 阅读 · 0 评论 -
【常用代码08】封装axios的get和post请求方法,在nodejs中使用
axios的二次封装,搭配vue.config.js一起使用原创 2022-10-03 00:21:58 · 2942 阅读 · 0 评论 -
【Vue】Vue2创建移动端项目实战教程,创建移动端项目保姆级教程,接上一篇创建Vue2项目(中)
vue2项目适配移动端实战案例,接上一篇创建vue2项目,开发使用px不用rem原创 2022-09-20 14:01:55 · 3882 阅读 · 0 评论 -
【Vue】vue使用server酱发送微信通知实战案例,axios发送server酱通知信息实战,js发送server酱教程
server酱的api调用实例是php版本的,这里用vue,也就是前端js来实现发送消息。原创 2022-09-08 11:49:12 · 1331 阅读 · 2 评论 -
【Vue】自定义elementUI表单的样式,表单输入框换行效果
改变elementUI表单样式,换行原创 2022-09-07 16:06:09 · 4959 阅读 · 0 评论 -
【Vue】vue2上传Excel表格到后台 实战教程(接上一篇下载Excel模板表格到本地)
Vue2项目上传Excel表格到后台实战教程,代码可直接复制使用,实战成功原创 2022-09-06 10:59:02 · 4842 阅读 · 8 评论 -
【Vue】vue2请求axios后台接口下载Excel表格文件 实战教程
vue请求后台下载excel表格 代码可直接拿去用,参考多个作者文章 实战教程 保姆级教程原创 2022-09-05 16:26:28 · 3639 阅读 · 2 评论 -
【Vue】postman汉化教程 保姆级教程 包教会
postman汉化包+安装包 保姆级教程原创 2022-08-30 13:59:19 · 727 阅读 · 4 评论 -
【vuex踩坑记录】 module namespace not found in mapState(): 子模块名/ 报错解决 ...mapState引入为undefined
vuex使用子模块报 module namespace not found in mapXXXX ,vuex使用modules案例,vuex子模块state数据引入undefined原创 2022-08-24 17:05:00 · 7365 阅读 · 4 评论 -
使用nvm管理器之后出现——npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
nvm use 版本号 就好了。然后再看一下nvm list,列表里面显示的版本号前面有没有带星号*。只要nvm list查看一下nodeJs的版本,然后再nvm use 12.22.12。npm的相关指令显示为无法识别之类的,或者node -v这些不是一个命令。在电脑重启等不稳定因素的影响下,会导致,没有选中nodejs版本。通俗说,就是电脑里安装了两个nodeJs,但是两个都没使用,这种情况有一些是环境变量的问题。导致了电脑没有识别出这个语句。,对于多个nodeJs版本。但是在我这里出现的情况是,原创 2022-08-21 11:04:55 · 3572 阅读 · 0 评论 -
【Vue】Vue生成二维码 Vue把url地址生成二维码手机打开 扫一扫手机端打开实战案例 vue生成二维码
Vue生成二维码实战案例,vue把url地址转化为二维码手机扫码打开原创 2022-08-19 16:57:58 · 3654 阅读 · 15 评论 -
HBuilder X配置代码块快速创建代码 VSCode配置代码块保姆级教程
里面的空格都是经过调整的,在我这里是适配的,你们用的话可能要改一下。然后我们配置代码块,我这里已经配置好了,原理也很简单。然后在自定义代码块区域,把刚刚那个代码复制粘贴进来。按下回车之后会把刚刚body里面代码都输出。这个是代码片段描述,描述名字都可以一样,点文件——首选项——配置用户代码片段。然后我们再来看这里面是怎么使用的。打开之后发现是这样的,啥也没有。......原创 2022-08-18 10:53:10 · 3275 阅读 · 0 评论 -
【Vue】vue先转化文章内容再去除标签 vue filters过滤器去除标签 js提取文字内容
渲染页面的时候,往往会遇到富文本编辑器里面的文章。文章内容有排版、字体样式,等等。但是我们要提取其中前三行作为展示内容,里面又有标签内容。如下图。原创 2022-08-16 11:46:02 · 1862 阅读 · 1 评论 -
【Vue】Vue项目使用nvm选择器 nvm管理nodeJs版本 node.js版本切换
nvm切换nodejs版本,nvm控制node版本,nvm原创 2022-08-13 00:19:20 · 1386 阅读 · 0 评论 -
【Vue2】Vant使用Vant Area Data中国省市区数据保姆级教程 Vue2移动端项目实战vant组件 area组件
Vue中使用Vant的地址组件,Vue使用@vant/area-data npm i @vant/area-data保姆级教程原创 2022-08-11 11:43:53 · 7976 阅读 · 1 评论 -
【Vue】vue2适配移动端 vue创建移动端项目
vue项目适配移动端保姆级教程 适配h5页面教程 导入插件适配移动端原创 2022-07-29 09:59:14 · 3921 阅读 · 6 评论