前端,Vue
愚蠢地人类
我所荒废的今日,正时昨日殒身之人所祈求的明日.
展开
-
多文件逐个上传
今天遇到一个问题,客户要求多文件逐个上传,因为如果同时上传会出现高并发的情况,带宽不一定允许,所以采用了逐个下载,自己用的是element框架,但是得分两个按钮才行(先选择文件,再有一个上传按钮);所以最终使用了原生的方法,方法如下:注意点:1.需要考虑到超时的问题;2.获取的文件集合是个JSON,并不是数组,所以forEach map这种没法用HTML代码块<input type="file" id="file" @change="jsUp" multiple>Javasc原创 2020-12-26 19:43:34 · 812 阅读 · 1 评论 -
vue文件上传下载
下载文件流 let headers = res.data.headers; let blob = new Blob([res.data.body], { type: ["content-type"], }); let link = document.createElement("a"); link.href = window.URL.createObjectURL(blob); const f原创 2020-12-17 15:35:18 · 427 阅读 · 0 评论 -
使用element-ui中的el-upload组件时携带其他参数
<el-upload action="/api/oss/file/add" :headers="headers" // 如果头部需要传token multiple :limit="1" // 限制文件个数 :before-upload="handleBefore" :on-success="handleSuccess" :data="pdfData" acc...原创 2019-11-27 15:38:01 · 3869 阅读 · 1 评论 -
前端开发规范
前端开发规范备注:实际开发请以本公司的规范为标准。一.普通规范二.HTML\CSS规范三.Javascript规范四.UI框架及css预处理器规范五.脚手架、插件选择规范普通规范基本原则:结构、样式、行为分离缩进(建议IDEA格式化)文件编码(统一 UTF-8 ) <meta charset="utf-8">一律使用小写字母 <!-- one ...原创 2019-08-09 11:24:57 · 1391 阅读 · 0 评论 -
VUE-CL教程
VUE-CLI教程一、前言:Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统二、CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入...原创 2019-08-13 17:05:13 · 1829 阅读 · 0 评论 -
vuex教程
Vuex简介什么是vuex:vuex是一个把多个组件通用的数据 我们把它拿出来,然后放到一个store里面管理,在需要使用的组件里面,我们可以拿出来使用关于storestore基本上就是一个容器,包含着你的应用中大部分的状态(state)关于statestate就是我们项目全局通用的data的属性,并且这些属性是响应式的,也就是当属性发生改变时,state也会回动...原创 2019-08-13 17:04:26 · 566 阅读 · 5 评论 -
vue-cli3 取消关闭eslint 校验代码
用了vue-cli3,这个eslint在疯狂的提示我,严重阻碍了我的日常工作(写bug)选择生成的时候,有一个询问是否把插件配置文件写在package.json文件里,这里我手贱选择了是,现在开始排坑,vue-cli3没有build/webpack.config.base.js文件,这个时候我们有这个文件.eslintrc.js,实际上我们应该在.eslintrc.js文件中修改:删掉 “@vu...原创 2019-04-29 09:51:16 · 40832 阅读 · 10 评论 -
列表中el-switch 开关
请注意以面的写法,active-value和inactive-value的值分别是字符串的1和0,如果你赋值为数字类型的 1 或 0是无法正常工作的,若赋值为数值类型,需这样写:原创 2019-03-14 14:04:32 · 36014 阅读 · 16 评论 -
npm run dev报错!!
先看下我的报错username:backend-atop-oa fulwin$ npm run dev> backend-atop-oa@1.0.0 dev /Users/fulwin/Documents/codes/backend-atop-oa> webpack-dev-server --inline --progress --config build/webpack.de...原创 2018-12-20 10:53:50 · 18955 阅读 · 2 评论 -
mac安装报错Error: EACCES: permission denied, access '/usr/local/lib/node_modules
下面是我的报错,原因就是没有权限的问题原因: 执行命令行命令时没有获得管理员权限解决方案:在命令行前面添加sudo获取管理员权限,输入管理员密码就行例如原来的是: npm install -g vue-cli应该该为:sudo npm install -g vue-cli 再输入密码就行...原创 2018-06-26 11:11:31 · 59320 阅读 · 5 评论 -
Failed to resolve directive: link报错
Failed to resolve directive: link 这个问题是因为vue 版本的问题,vue的版本升级后,取消了v-link 指定,取而代之的为 router-link 看起来更加语义化一些很简单:把 v-link 更换为 router-link 就行,具体的可以查看官方文档原创 2018-01-27 16:25:16 · 9043 阅读 · 0 评论 -
vue路由后界面没有变化,但是链接有
vue有个写法需要注意:如果是跳转到默认首页,router-link 应该写:to: "{path: ' / ' } "如果跳转到非默认首页的时候,router-link 应该写:to: "{path: ' about ' } "就是除了跳转到默认首页的情况下,其他的都要去掉开始的斜杠 / ,是个坑,我踩了,祝你好运原创 2018-02-02 09:35:06 · 8283 阅读 · 0 评论 -
npm run build打包界面空白报错
这个问题本身是因为路径的问题,解决方法有两个:一、通过服务来请求,不知道你们有没有用过live-server ,知道的人不多,但是很好用,下面是他的使用方法先全局安装 npm install -g live-server 安装好以后 在你的项目根目录上执行 npm live-server,最后你会发现你的项目跑起来了,界面是自动打开的,live-server 就是原创 2018-01-25 10:59:48 · 4223 阅读 · 0 评论 -
vue中组件没显示,没报错,但是该显示的组件没有显示
vue中组件没显示,没报错,但是该显示的组件没有显示,这里面我们需要注意一个问题,就是 template (将要渲染的HTML)必须是包含在一个标签里面的,这个和react 比较像,是个小坑,所以他没有报错;最外层加个标签包起来就行原创 2018-01-24 10:41:04 · 22404 阅读 · 5 评论 -
vue中提示$index is not defined
今天学习Vue中遇到了一个报错信息:$index is not defined,是我写了个for循环在HTML中,然后是因为版本的问题下面是解决方法:原来的是 v-for="person in items" v-on:click="deletePerson($index)"//这个仅仅适用于1.0版本,不要采坑了同学们这个在Vue1.0版本中式原创 2018-01-23 22:38:18 · 10117 阅读 · 1 评论