![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
vue.js基础以及小技巧
泡椒猪肝
这个作者很懒,什么都没留下…
展开
-
烟花晚霞星空特效-vue
效果图:晚霞星空效果图-vue:源代码:<template> <div class="body"> <div class="stars" ref="starsRef"> <div class="star" v-for="(item, index) in starsCount" :key="index"></div> </div> </div></template><scri原创 2021-01-29 13:04:29 · 4360 阅读 · 4 评论 -
自定义选择框
效果图展示:需求场景及描述:需求:1.在车长选择时,可以选择多个,但限制3个以内2.在选择不限时,取消其他车长的选择3.在单个选择时,默认车长范围为0到所选项,需从小到大排序4.在两个选择时,车长范围为当前两个值的范围,需从小到大排序5.在三个选择时,车长范围为以最小和最大的值,作为范围取值,需从小到大排序数据格式要求:1.最小车长 carLengthMin2.最大车长 carLengthMax3.页面展示车长 carLength4.后台传参车长 vehicleLength原创 2021-01-27 13:00:52 · 212 阅读 · 0 评论 -
自定义联级时间选择器-web端
最终效果:项目场景及需求:自定义联级选择器,选取时间!需求:1.日期选择:近七天的日期2.时间选择:自定义时间选择,有单个整点时间,也有时间范围3.当天的时间选择上不能选择已经过去的时间及时间范围4.两个时间都为单个时间时,前一个时间(装货时间)必须小于后一个时间(送达时间)5.选择时间范围时,只要其中有一个是选择的时间范围,那么前一个时间(时间范围)的最晚时间必须小于或等于后一个时间(时间范围)的最早时间逻辑分析及步骤:1. 通过elementUI框架的Cascader 级联选原创 2021-01-26 19:35:08 · 623 阅读 · 0 评论 -
vue 回车实现验证码和密码登录
vue 回车实现验证码和密码登录一、需求及场景二、实现总结一、需求及场景场景:前端登录界面-vue开发需求:回车实现登录,验证码界面使用验证码登录,密码界面使用密码登录,根据在对应界面一个回车操作,对应的方式登录的功能.二、实现实现逻辑(开发逻辑):1.整个页面进行回车监听2.加入界面状态interfaceState,0代表密码登录,1代表验证码登录3.根据界面状态调取对应的方法,方法调用前,通过界面状态去检验提交信息的完整度及合理性,实现登录4.登录完成后,务必记得移..原创 2021-01-11 11:52:42 · 429 阅读 · 2 评论 -
vue下载/导出文件不会?手把手教学,一看就会!(以下载excel为例)
vue下载文件及进度条函数的封装详解(以下载excel为例)本文主体内容:vue封装下载blob格式文件,post方式,函数封装详解!话不多说!上干货!一、api.js 文件内的exportExcel函数的封装vue项目中,一般的函数封装都在api.js文件中。参数说明: 1. action---自定义,调用时传过来的url后缀; 2. options = {}---调用时,传过来筛选条件的参数; 3. nameVal---调用时传过来的文件名称; 4. config = {}---原创 2020-11-13 14:30:31 · 541 阅读 · 0 评论 -
vue.js-class属性绑定与细节
vue.js-class属性绑定与细节案例一:class属性绑定(1)目标:可以设置v-bind:class设置一个对象,从而动态的切换class为了效果明显,可以给html元素绑定一个点击事件,达到切换isActive的布尔值的效果css部分:<style type="text/css"> .active{ color: red; } </...原创 2019-11-26 17:44:19 · 298 阅读 · 0 评论 -
vue.js-简述methods和computed的区别
vue.js-简述methods和computed的区别摘要:主要描述methods和computed的区别一. methods:1、在模板中,使用一次,此函数就会调用一次;二.computed :computed 计算属性1、不会每次调用2、当模板变化时才会调用3、调用时,会将函数执行的结果放入一个和方法(函数)同名的属性中4、以供模板使用,所以模板中不能加();...原创 2019-11-26 13:56:08 · 163 阅读 · 0 评论 -
vue.js-表格数据的加载和操作
一、要求:制作如下表格数据渲染并实现点击删除事件代码如下:body部分:<table border="1" cellspacing="1" cellpadding="1" id="tab" > <tr v-for="cl in classs"> <th>{{cl.id}}</th> <th>{{c...原创 2019-11-26 11:48:07 · 1284 阅读 · 0 评论