摘要:
input选择文件——限制类型 添加 accept 属性 <input type="file" accept=""> excel 文件:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd 阅读全文
摘要:
具体代码如下: <input type="file" id="uploadFile" name="uploadFile" ref="uploadFile" @change="getFile($event)" /> 获取第一个file对象 getFile(e){ this.file = e.targe 阅读全文
摘要:
注意:只有在element-ui版本大于2.8.2时,以下方法才生效 场景:实现上图框选功能,element-ui提供了输入长度限制的方法如下图 解决方法: <el-input type="textarea" placeholder="请输入内容" v-model="textarea" maxlen 阅读全文
摘要:
在vue——axios安装及封装的基础上,进行以下操作 具体如下: 第一步: 新建一个与前文此文件( src/libraries/utils/axios.js ”)相同的页面,名称为employAxios.js, 第二步: 只需要将employAxios.js页面中的baseURL 修改为新地址即可 阅读全文
摘要:
第一步:安装element-ui npm install element-ui --save 第二步:在main.js中引入js和css import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css' 阅读全文
摘要:
不同浏览器对相同标签的显示效果,有时候往往不同,那么在做项目的时候就需要对基本的样式进行设置,以达到在不同浏览器下显示效果是相同的,reset.css的作用就在于此。 第一步:在/src/assets/css目录下创建reset.css文件,reset.css内容如下: body,h1,h2,h3, 阅读全文
摘要:
一、安装axios 在封装请求之前确保你的项目中已经安装了axios,安装命令如下: npm install axios --save 二、axios的封装 所封装的代码在 src/libraries/ 中,文件目录如下图: 具体代码如下: src/libraries/utils/axios.js 阅读全文
摘要:
使用webpack创建的vue项目,端口号默认是8080,可是不想用8080做项目的端口号怎么办? 1、Vue2.x版本 首先在根目录下载找到config文件夹下的index.js 然后修改port 改为你想要的端口,如下图: 2、Vue3.x版本 Vue 3.x中修改端口号则需要在根目录下新建一个 阅读全文
摘要:
这篇文章主要介绍下vue3.0项目搭建,安装vue3.0版本之前需要先把vue-cli升级到4.0版本,如果之前安装过vue-cli需要卸载之后重新安装,如果没有安装过不需要卸载可以直接安装。 详细如下: 一、安装 1、查看全局是否安装过旧版本的 vue-cli(1.x 或 2.x)【查看指令参照: 阅读全文
摘要:
vue 创建项目之后,我们需要做什么? 第一步:搭建项目 第二步:样式初始化 修改端口号 封装axios请求 vue不同环境配置不同的打包命令 阅读全文