- 博客(17)
- 收藏
- 关注
RSS订阅原创 使用elementui的el-dialog弹出表单后resetFields()没有办法清空表单数据
终于解决了使用elementui的表单时，编辑完某条数据后，再次添加新的数据时，使用.resetFields()方法表单里的数据没有清空标签部分<el-button type="primary" @click="add">新增</el-button><el-button @click="edit">编辑</el-button><el-dialog v-dialogDrag :visible.sync="form" > <el-fo
2021-08-10 19:36:41
1201
原创 计算数组中某元素的个数
计算数组中某元素的个数let arr = [1,2,3,1,1,5,1,2,3,4,5]let obj = arr .reduce(function(prev,next){ prev[next] = (prev[next] + 1) || 1; return prev; },{}); console.log(obj[1])
2021-08-10 14:09:26
1167
原创 递归删除数组指定数据
ListData(arr){ if(arr.length>0){ for (let i = arr.length-1; i>=0; i--) { if(!!arr[i].hidden){ arr.splice(i,1); }else if(!!arr[i].children){ th...
2020-04-10 13:14:37
2239
原创 axios请求接口带token
我们项目的token是在登录的时候后台传过来的sessionID，登录成功时缓存把token缓存下来sessionStorage.setItem("token",token)在引入axios的js里边axios.interceptors.request.use(config => { if ( sessionStorage.getItem("JSESSIONID")) { ...
2020-04-08 20:32:15
1702
原创 axios后台接受表单提交格式数据
首先把content-type请求格式改成 application/x-www-form-urlencodedheaders: {'content-type': 'application/x-www-form-urlencoded'}然后项目引入qs，安装：cnpm install qs，引入：import qs from ‘qs’提交数据datadata:this.qs.stringi...
2020-04-08 20:21:35
652
原创 elementui 表单v-molde是动态的，校验表单字段为必填项
<!--按钮部分--><el-button type="primary" @click="Setup('setup1')">按钮一</el-button><el-button type="primary" @click="Setup('setup2')">按钮二</el-button><!--form部分--><...
2020-04-06 19:00:31
1077
原创 VUE this.$axios qs提交数组对象相互嵌套格式的数据
vue中提交表单经常会用到this.qs，但是有时候会需要提交相对复杂的格式比如：arr=[{a:[1,2,3],b:’’,c:’’},{a:[1,2,3],b:’’,c:’’}]这种格式的数据如果直接用data:this.qs.stringify({})后台直接就会报错，此时用network查看会发现提交的数据被解析的相当奇怪，这时候我们就需要用到qs的arrayFormat和allowDots...
2020-03-30 20:36:05
2239
原创 vue项目数组更新视图不变解决办法
最近在做一个模块要求表格每行可以点击，点击完后摊款弹出另外一个表格，里边要显示当前点击这一行的扩展信息，发现点击弹出的表格总是展示的第一次点击的那一行的数据，点击其他行的时候console出来的list数据是变化了的，但是就是渲染不到表格里边，百度了一下说是vue没有监听到数组变化，于是就试验了各种办法，看到有大牛说可以用splice()实现，但是由于我的数组是个很大的对象数组，试了试没有实现，不...
2019-12-17 09:07:06
563
原创 elementui选择月份加上中下旬
最近项目遇到要求按月份的上旬，中旬，下旬查询数据，因为没有找到elementui的控件就自己写了一个方法，其实也算不上什么方法，就是一个实现方式，记录一下//选择月份 上中下旬部分代码<div style="position:relative;width:15%;max-width:200px;margin-left:5px;"> <el-date-picker class...
2019-12-11 10:26:34
592
原创 element-UI 表单验证
elementui表单验证加深印象//form表单部分/****1、el-form 的rules的属性值是自己定义的用来存储校验规则和提示语的2、注意el-form-item 的prop值用来做校验的不要漏掉不要重复3、我这边el-button的click事件传值是字符串用来做提交时候校验的查找表单表单的所以必须跟el-form的ref属性值一致*****/<el-form c...
2019-12-11 10:00:40
237
转载 element-ui el－select多选默认值不允许编辑删除
自己琢磨半天没解决，看到一篇大佬的文章顿时茅塞顿开，记录一下加深印象原文路径：https://blog.csdn.net/qq_36356218/article/details/102605332注意：v-defaultSelect这个是引用的大佬写的main.js或组件内部的Vue.directive定义的方法，第一个值“groupid.value”是select的v-model值，第二个值...
2019-12-10 20:09:27
6690
2
原创 Elementui el-time-picker开始时间结束时间分开选择
开始时间不晚于结束时间：“”结束时间不早于开始时间：“”注意：如果要设置开始时间不晚于结束时间或结束时间不早于开始时间这两个属性format=“HH:mm:ss” value-format="HH:mm:ss"必须要写，原因就是form.startTimes格式默认是“Thu May 16 2019 19:07:14 GMT+0800 (中国标准时间)”这种格式的，selectableRa...
2019-05-16 19:10:33
7189
转载 什么叫优雅降级和渐进增强？
优雅降级： Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效.渐进增强： 从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无...
2019-04-11 09:03:39
95
原创 什么是BFC
概念：元素是独立的渲染区域，规定了内部元素的布局，但不影响外部元素区域例1：.a:{width:100px;height:100px;float:left;} .b{height:100px;overflow:hidden;}说明：A元素和B元素在同一行B元素宽度为父级宽度100%-100px且两元素不重叠例2：.ab{overflow:hidden;}.a{width:100px;hei...
2019-04-11 09:02:15
86
原创 安装项目依赖npm install 的时候出现错误：
Vue项目创建npm install时报：npm ERR! Unexpected end of JSON input while parsing near ‘…plugin-transform-es 20’解决方案：**步骤一：**在命令中输入 npm cache clean –force 回车**步骤二：**继续输入 npm install 成功了...
2019-04-11 08:28:41
872
原创 前端搭建Vue项目
**第一步：**下载安装node.js 地址： https://nodejs.org/en/**第二部：**在刚刚安装的node目录下新建node_global和node_cache两个文件用来做全局和缓存**第三部：**打开命令工具设置（注意：引号里的路径是你安装node病新建文件夹的路径）1.npm config set cache “C:\Program Files\nodejs\...
2019-04-10 16:25:49
277
原创 vue-cli • Failed to download repo vuejs-templates/webpack: unable to verifythe first certificate
**搭建vue项目（vue init webpack）时报错 vue-cli • Failed to download repo vuejs-templates/webpack: unable to verifythe first certificate**一直在报这个错误百度了一下果然有大牛跟我遇到过同样的问题，在此表示非常感谢，赶紧记录一下**第一步：**https://github....
2019-04-10 16:06:19
8897
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人