![](https://img-blog.csdnimg.cn/20201128114051635.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue实战
vue实战总结
梦 * 蝶
不敢直面困难,怎能迎接挑战!
展开
-
超级详细的教程 一步步教你Vue项目中使用axios如何进行参数拼接
文章目录一、Vue 中的网络请求二、axios的引入三、常用网络请求方式1、getA、字符串拼接方式:B、通过params属性传递对象:C、路径拼接方式:D、无请求参数:2、postA、Content-Type: application/json① 参数直接传递对象:② 通过data属性传递对象:B、Content-Type: multipart/form-data① 文件上传C、Content-Type: application/x-www-form-urlencoded。3、put① 参数直接传递对象原创 2020-07-05 09:55:43 · 6637 阅读 · 18 评论 -
关于Vue中计算属性computed和methods属性的区别,你了解多少呢
在做项目过程中,有时会出现同一个需求,在methods属性中写方法可以实现需求,在computed属性中写方法也可以实现需求。那么,既然在methods属性中可以实现我想要的需求,为什么还会有computed计算属性呢?接下来,我们一起看看两者之间有什么区别。<p>methods中方法</p>//fn1是方法,调用方法需要加() <p>{{fn1()}}</p> <p>{{fn1()}}</p> <.原创 2020-07-04 18:36:44 · 1332 阅读 · 3 评论 -
Vue项目中如何使用computed计算属性
文章目录computed:1、基本使用:1.1 应用场景:1.2 代码位置:1.3 值:2、复杂操作-结合data中数据:3、计算属性写法演变:3.1 计算属性的setter和getter:① 完整的计算属性写法:属性+方法② 计算属性一般只有get方法,是只读属性。所以一般写法为:③ 语法糖---简化写法:4、项目中实例:computed:1、基本使用:在computed中定义一个函数(看起来是一个函数,其实是一个属性),命名按照属性规范命名(一般为名词)。1.1 应用场景:当数据A的原创 2020-07-03 21:13:11 · 35000 阅读 · 4 评论 -
一步步教你前端vue项目开发中如何解决跨域问题
文章目录开发环境中跨域名词解释1、同源策略:2、同源:3、跨域:4、代理服务器:解决方式项目背景跨域配置1、配置说明:A、参数proxy详解:B、pathRewrite详解:实例:开发环境中跨域名词解释1、同源策略:同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。2、同源:所谓同源,就是指协议、域名、端口号,三者都一样就是同源,只要有一个不同就是跨域。3、跨原创 2020-06-30 16:20:18 · 3456 阅读 · 6 评论 -
vue+Element ui中使用 upload实现Excel文件上传
业务需求:批量导入Excel文件实现方式:使用组件upload具体步骤:1、引入组件: <el-upload accept=".xlsx, .xls" //文件类型 :file-list="fileList" //存储文件的数组 :action="actionUrl" //请求的url :before-upload="beforeUploadFile" //文件上传之前原创 2020-06-29 17:34:11 · 3518 阅读 · 11 评论 -
vue中如何进行Excel文件的下载
业务需求:Q1、文件批量导入前,需要按照指定的格式与内容上传Excel文件,首先要下载模板。Q2、将查询到的数据以table表的形式 进行显示,对表格内容进行有选择的下载。A、勾选下载:table表中包含一列选择框,el-table-column,设type属性为selection即可B、搜索下载:根据搜索条件查询相关数据,下载查询出的数据。Q3、上传Excel文件时,记录有若干条,不满足条件的记录将不能成功上传,把上传有误的记录进行下载,其中包含出错原因。实现方式A1、模板下载:前提:原创 2020-06-29 17:21:20 · 1729 阅读 · 3 评论 -
vue中如何进行身份证合法性校验(身份证18位,包含最后一位数字/字母)
前言最近在做项目过程中,测试组人员对添加表单中的身份信息提出了需求,在填写身份证信息时,希望能对所填信息进行合法性校验。比如身份证的位数(目前二代身份证都是18位)、地区编号(所在省(市,旗,区)的行政区代码)、出生年月日(月份所对应的28天/29天/30天/31天)、顺序码(第十五到十七位,第十七位奇数是男性,偶数是女性),校验码(第十八位,如果尾号是10就用X代替了)。正文有了新需求,就要满足用户的要求。接下来将介绍我是如何实现身份校验的。项目中使用的前端框架位vue,组件库为Elemen.原创 2020-06-29 16:57:05 · 14173 阅读 · 21 评论