Vue
文章平均质量分 82
秃头哥编程
这个作者很懒,什么都没留下…
展开
-
Vue实现点击按钮进行文件下载(后端Java)
最近项目中需要实现点击按钮下载文件的需求,前端用的vue,因为文件是各种类型的,比如图片、pdf、word之类的。这里后端是可以返回文件的地址给前端的,但我看了下网上各种五花八门的答案,感觉都不是我想要的。因为不确定文件是哪种类型的,所以我们在保存文件到数据库的时候,应该把文件的Content-Type一起存入,这样从数据库取出返回前端的时候,带上Content-Type标识是哪种类型的文件,前端解析即可。1、后端代码这里我先写后端的接口,考虑一下后端需要什么东西。因为文件信息已经提前存入数据库,所以原创 2021-08-15 08:56:00 · 2928 阅读 · 2 评论 -
Vue实现多文件上传功能(前端 + 后端代码)
本人业余前端开发,因为公司(很坑)觉得我很牛逼,所以让我前后端一起玩,无奈的我只能磕磕碰碰的研究起了vue。开发项目的时候,用到文件上传的功能很常见,包括单文件上传和多文件上传,上传各种类型的文件。在vue里面要实现多文件上传功能,还是很方便的。本文就一起来学习一下,如何把多文件上传功能封装成一个组件,后面需要使用的时候,直接两三行代码就能搞定。1、前端代码首先我们先看前端,如何把它封装成一个组件。我们在调用它的时候,可能需要从外部传入一些参数给它,所以我们需要定义一些传入参数。这些参数我们可以放到原创 2021-08-14 11:27:44 · 30604 阅读 · 15 评论 -
学习vue过程中遇到的问题
1、vue-quill-editor动态禁用项目中把vue-quill-editor单独封装成了一个组件,通过props传递readOnly参数来设置是否禁用editor。开发中发现可以实现禁用效果,但取决于第一次打开这个编辑器的状态,如果第一次打开时readOnly参数为true,那么后面一直都是true,尽管传入的readOnly参数不同。<editor v-model="form.noticeContent" :min-height="192" :read-only="form.status原创 2021-08-13 21:52:44 · 1280 阅读 · 2 评论 -
vue环境搭建以及使用vue-cli创建项目
我要跑vue项目,所以我要搞vue。1、环境搭建进入node官网下载对应版本的node,一步步安装即可。安装会自动配置路径和npm包管理环境,通过node -v进行验证2、安装vue-cli脚手架Vue CLI文档:https://cli.vuejs.org/zh/guide/# 卸载旧版本npm uninstall vue-cli -g# 指定地址安装,加快速度npm install -g @vue/cli --registry=https://registry.npm.taobao原创 2021-06-29 16:20:02 · 547 阅读 · 0 评论