泡椒猪肝的博客

效果图： 晚霞星空效果图-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

效果图展示： 需求场景及描述： 需求： 1.在车长选择时,可以选择多个,但限制3个以内 2.在选择不限时,取消其他车长的选择 3.在单个选择时,默认车长范围为0到所选项,需从小到大排序 4.在两个选择时,车长范围为当前两个值的范围,需从小到大排序 5.在三个选择时,车长范围为以最小和最大的值,作为范围取值,需从小到大排序 数据格式要求: 1.最小车长 carLengthMin 2.最大车长 carLengthMax 3.页面展示车长 carLength 4.后台传参车长 vehicleLength

最终效果: 项目场景及需求： 自定义联级选择器,选取时间! 需求: 1.日期选择:近七天的日期 2.时间选择:自定义时间选择,有单个整点时间,也有时间范围 3.当天的时间选择上不能选择已经过去的时间及时间范围 4.两个时间都为单个时间时,前一个时间(装货时间)必须小于后一个时间(送达时间) 5.选择时间范围时,只要其中有一个是选择的时间范围,那么前一个时间(时间范围)的最晚时间必须小于或等于后一个时间(时间范围)的最早时间 逻辑分析及步骤： 1. 通过elementUI框架的Cascader 级联选

vue 回车实现验证码和密码登录一、需求及场景二、实现总结 一、需求及场景 场景:前端登录界面-vue开发 需求:回车实现登录,验证码界面使用验证码登录,密码界面使用密码登录,根据在对应界面一个回车操作,对应的方式登录的功能. 二、实现 实现逻辑(开发逻辑): 1.整个页面进行回车监听 2.加入界面状态interfaceState,0代表密码登录,1代表验证码登录 3.根据界面状态调取对应的方法,方法调用前,通过界面状态去检验提交信息的完整度及合理性,实现登录 4.登录完成后,务必记得移..

vue下载文件及进度条函数的封装详解(以下载excel为例) 本文主体内容: vue封装下载blob格式文件,post方式,函数封装详解! 话不多说!上干货! 一、api.js 文件内的exportExcel函数的封装 vue项目中,一般的函数封装都在api.js文件中。 参数说明: 1. action---自定义,调用时传过来的url后缀; 2. options = {}---调用时,传过来筛选条件的参数; 3. nameVal---调用时传过来的文件名称; 4. config = {}---

vue.js-class属性绑定与细节 案例一：class属性绑定（1） 目标：可以设置v-bind:class设置一个对象，从而动态的切换class 为了效果明显，可以给html元素绑定一个点击事件，达到切换isActive的布尔值的效果 css部分： <style type="text/css"> .active{ color: red; } </...

vue.js-简述methods和computed的区别 摘要：主要描述methods和computed的区别 一. methods： 1、在模板中，使用一次，此函数就会调用一次； 二.computed : computed 计算属性 1、不会每次调用 2、当模板变化时才会调用 3、调用时，会将函数执行的结果放入一个和方法（函数）同名的属性中 4、以供模板使用，所以模板中不能加（）； ...

一、要求： 制作如下表格数据渲染并实现点击删除事件 代码如下： body部分： <table border="1" cellspacing="1" cellpadding="1" id="tab" > <tr v-for="cl in classs"> <th>{{cl.id}}</th> <th>{{c...