![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 52
vue项目中遇到的一些值得记录的问题
三线码工
常年混迹在三线城市的前端码工
展开
-
vscode怎么点击路径直接跳转对应文件
我们可用在js项目中创建一个 jsconfig.json文件,TS项目可以创建tsconfig.json。在vue项目中经常要引入工具类、组件、模版等,想要直接去看对应文件,只能自己找到对应路径再去打开。相对路径与绝对路径都能够直接跳转。原创 2024-05-30 15:13:43 · 1046 阅读 · 0 评论 -
el-tree 设置默认展开指定层级
el-tree默认关闭所有选项,但是有添加或者编辑删除的情况下,需要刷新接口,此时会又要关闭所有选项;expandedkeys:[] //expandedkeys为要展开的层级。里面的值就是node-key="id" 里的id键对应的值。需求:在编辑时、添加、删除 需要将该内容默认展开。原创 2024-03-19 14:06:17 · 1750 阅读 · 0 评论 -
vue预览和下载txt、PDF、execl等在线文件
因为浏览器能直接打开TXT、PDF等文件索引默认就是点击链接打开文件。但是浏览器却又不能在线打开execl、world等文件。现在我们可以统一的实现文件的预览以及下载。原创 2023-07-25 10:32:15 · 2185 阅读 · 1 评论 -
echart折线图自定义横线 markLine属性
echart折线图自定义横线 markLine属性设置。直观查看是否在误差范围。自定义每个横线的颜色。自定义每个横线的颜色,名称原创 2023-07-24 18:32:23 · 2350 阅读 · 0 评论 -
vue PC端完成电子签名
组件目前是返回bas64格式,我觉得要把他转换成在线图片,然后再存起来,具体的等写到这时和后端商量吧。看了原型其他基本都是对接口、写表单,难度不大,先把电子签名给攻克了起。最近接到一任务,有一个功能,重来没有遇到过。因为项目是vue 所有使用了 vue-esign 组件。因为有许多地方要用到,就写了个组件。原创 2023-06-28 18:57:19 · 1172 阅读 · 0 评论 -
nodejs+mysql+vue+elementUI 实现选择资源管理工具
我们在写后台管理系统时会遇到上传视频、音频等内容。如果上次地方多的话,每个地方都要加上传的代码,比较麻烦。而且遇到有些图片是已经上传过的,下次遇到了又要重复上传。这时候要有个资源管理工具,可以实现上传图片到资源管理工具里,然后再去选择需要的图片这是普通的上传单选和多选资源模块。原创 2023-06-25 15:56:52 · 613 阅读 · 0 评论 -
vue实时将阿拉伯数字转换成中文大写数字
写合同时需要实时显示出中文大写数字。现在需求是将阿拉伯数字数字转换成中文的大写数字。在watch监听对象中的属性,将转换好的内容显示到页面中。ps:因为要监听的是对象,所以需要深度监听。原创 2023-06-08 14:46:29 · 1648 阅读 · 1 评论 -
vue解决浏览器中跳转新页面缓存上一页表单等内容方法
在工作中,有可能会遇到需要缓存页面或组件的功能。:比如在h5中有个一个50个表单,在填到第40个表单时,需要你去另一个新页面去选择列表项,然后把数据带回来。需要我们不仅把数据带回来还要保留前面已经填好的40个表单内容不被重置。此功能在微信小程序是可以做到的,微信小程序返回上一页内容的话,onshow以前的生命周期的不会调用的,所以表单是会被保留的。但是vue生命周期和微信小程序不一样。如果跳转某个页面或返回上一页都是不被缓存的。我们可以使用 keepAlive 来缓存当前页面或组件。原创 2023-06-06 14:21:12 · 5808 阅读 · 0 评论 -
uniapp、vue返回上一个页面并刷新(调用上一个页面的方法)
在当前页面(A页面)查看列表,在A页面点击发布跳转到表单页(B页面)。B页面提交成功返回上一页A,要判断如果发布成功,返回到A页面得拿到最新数据(相当于要监听返回到A页面时得刷新数据了)使用onshow的生命周期,但是这个有个缺点,就是因为A页面是有下拉刷新的功能,如果在onshow调用的话,当用户下拉,onshow里的方法会被调用1次。使用getCurrentPages方法拿到上一页的内容。当在B页面返回时调用A页面的getlist()方法。B页面编辑成功后调用上一个页面方法。原创 2023-05-17 16:04:29 · 2891 阅读 · 2 评论 -
vue自定义使用elementUI的日历组件
vue自定义使用el-calendar日历组件原创 2023-04-18 16:23:46 · 3735 阅读 · 0 评论 -
vue 中quill-editor富文本图片和视频上传功能
quill-editor富文本对于新手来说是个很友好的富文本编辑器。但是里面的图片上传和视频上传功能在实际的工作中不能满足要求。1.原生的图片上传会转换成bas64格式,2.视频上传只是个输入框,要有视频链接了才能添加视频;而且视频标签是iframe标签,并不是video标签。现在主要解决以上这两个问题加了个自定义上传视频弹出框,既可以用已经有的在线视频地址,也可以上传本地视频。原创 2023-04-13 09:32:19 · 1527 阅读 · 0 评论 -
Vue中使用富文本ueditor
vue-ueditor-wrap 组件它对ueditor进行了二次封装,集成秀米等第三方插件也方便。注意 vue-ueditor-wrap v3 仅支持 Vue 3。this.imageList数组内容有属性URL为图片地址就行了。以上是我使用elementUI正常上传图片的请求及返回参数。返回的是图片绝对路径,插入的图片就需要直接拿data值。因为后端已经有写好图片上传接口了,但是有时候需要的。都是不符合的,此时就是需要我们前端去自定义了。多选上传图片的话就没问题了。要解决图片上传问题,原创 2023-03-02 14:36:43 · 1720 阅读 · 0 评论 -
Vuecli 前端跨域问题解决
要理解什么是跨域,跨域是指的当前资源访问其他资源时发起的http请求由于安全原因(由于同源策略,域名、协议。端口中只要有一个不同就不同源),浏览器限制了这些请求的正常访问,特别需要注意的是这些发生在浏览器中。注意如果是HTTPS域名是不能访问http 的api接口,要不然也会报错。3.在发起post请求时,代码不止发一次,会先发一个options请求,所以,注意不要重复添加,否则也不能解决问题。1.如果没有响应标头,可以直接先试试其他的Ajax请求方法,比如我是试了一下uniapp的请求方法也是跨域。原创 2022-11-23 11:43:17 · 1285 阅读 · 0 评论 -
Vue实现滑动页面视图内容上移过渡动画效果
Vue实现页面滚动上移过渡动画原创 2022-09-06 09:19:36 · 1915 阅读 · 3 评论 -
elementUI自定义查看详情组件
elementUI没有查看详情组件,每次都要自己写详情比较不方便详情组件效果图,可以放弹出框,放页面当中 声明seeData 要展示的顺序及类型类型type的为selectList,将自动渲染成对应的数据。对于复杂的内容可以使用slot插槽来展示...原创 2022-07-12 17:21:40 · 4021 阅读 · 3 评论 -
uniapp微信小程序canvas生成简单海报并下载
今天项目接到个任务,就是手写canvas海报,并能下载图片。百度了很多海报组件,都不尽人意。萌生了自己手写海报的想法。话不多说先贴文档uni-app官网其实该文档和微信小程序类似最终效果,微信小程序可用,一个一个代码敲出来的。只要把原理掌握了,任何海报都能迎刃而解1.准备环境因为海报涉及到第三方的图片存储地址,所以要加白名单downloadFile 里加你海报的根域名记住一定要在这看看有没有加好白名单,刷新一下要不然还是会加载中空白的效果话不多说上代码....原创 2022-05-05 17:14:29 · 1628 阅读 · 0 评论 -
axios使用form-data传参方式解决参数格式不正确问题
vue 中axios使用form-data传参方式,解决参数格式不正确问题原创 2022-04-27 19:45:20 · 4999 阅读 · 0 评论 -
vue多级组件通讯方案-EventBus
vue多级组件通讯方案-EventBus原创 2022-04-21 16:51:34 · 1111 阅读 · 0 评论 -
vuecli 正式环境和测试环境分配命令
vuecli 分正式环境和测试环境命令运行打包项目。自动使用当前环境的变量原创 2022-04-19 15:13:23 · 942 阅读 · 1 评论 -
使用深拷贝解决表单回显上一次数据问题
vue表单回显上一次数据问题.表单缓存问题。深拷贝的使用方法原创 2022-04-19 09:53:04 · 571 阅读 · 0 评论 -
elementui 切换分页选中状态仍然停留在上次页问题
elementui pagenation 切换分页选中状态仍然停留在上次页问题原创 2022-04-11 19:32:49 · 2180 阅读 · 2 评论 -
Vuex开启命名空间(namespaced使用)
Vuex开启命名空间(namespaced使用)。方便多人开发,后期维护,大项目必备原创 2022-03-29 14:34:12 · 7548 阅读 · 2 评论 -
微信小程序通过经纬度获取当前省市区及地址信息
使用腾讯api,微信小程序通过经纬度获取当前省市区及地址信息原创 2022-03-22 14:50:27 · 5807 阅读 · 0 评论 -
pc端实现微信扫码登录
当我们打开微信扫一扫,此时二维码组件会有变化,显示扫描成功我们的手机就会弹出一个授权页面。记住让后端绑定一个微信公众,通过授权该公众就可以了当点击同意之后,网站就会重定向一个链接,这个code的值是后端给的,前端监听路由变化,就可以拿到code,通过接口就可以获取到微信信息,从而实现微信授权登录实现pc端实现微信扫码登录1.安装npm install vue-wxlogin --save-dev2.引用3.使用APPID是你授权的公众号,sco.....原创 2022-03-18 10:13:31 · 9386 阅读 · 10 评论