JS
Web攻城狮-前端
这个作者很懒,什么都没留下…
展开
-
ES6 利用...(扩展运算符)合并数组
ES5合并数组的方式之一如下:varparam=['hi',true,666]varother=[1,2,3].concat(param)console.log(other)//打印下看看ES6合并数组:varparam=['hi',true,666]varother=[1,2,3,...param]//运算符...console.log(othe...原创 2020-02-03 22:03:59 · 1770 阅读 · 0 评论 -
map()方法返回新数组
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。如果需要在原数组基础上生成一个新数组,map方法是一个很好的选择,比如:letevens=[1,2,3,4,5]letodds=evens.map(v=>v+1)console.log(evens,odds) //打印...原创 2020-02-03 21:31:38 · 5625 阅读 · 1 评论 -
vue项目中使用echarts图表,图表需根据不同搜索条件重新渲染,问题是图表并没有完全重新渲染
vue项目中使用echarts图表,图表需根据不同搜索条件重新渲染。问题:图表并没有完全重新渲染,或者说渲染后图表中还会看到上一次的数据。假如上一次渲染出十条数据,这次渲染出六条数据,但是显示的还是十条,前六条是本次渲染内容,后四条是上次渲染的后四条数据。这样看来,肯定是重新渲染前需要清空数据的问题,但是数据置空的代码写了还是没能达到理想的效果。下面是画图方法:drawLine()...原创 2019-08-14 11:37:06 · 2771 阅读 · 1 评论 -
JS一些实用方法介绍(hasOwnProperty()、Array.isArray()、Object.entries()、Reflect.set())
1.hasOwnProperty()hasOwnProperty()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性举例:let tempObj ={propName:'666'};tempObj.propName2 ='999'console.log(tempObj.hasOwnProperty('propName'))//返回trueconsole.log(...原创 2019-07-30 17:39:26 · 637 阅读 · 0 评论 -
vue项目中报 : TypeError: Cannot read property 'processed' of null
vue项目中,表格渲染的时候报TypeError: Cannot read property 'processed' of null,processed是我需要渲染的属性。查出的数据是空的时候才会报这个错。所以报错的原因可能就是数据为空,所以获取不到handler_属性值,而我需要的是handler_下的processed的值。所以解决办法就是先判断handler_是否存在,存在就继续渲染...原创 2019-07-03 18:03:17 · 4213 阅读 · 0 评论 -
Cannot read property 'setCheckedKeys' of undefined
问题:使用element-ui 的tree插件,表格数据点"Edit"给tree回填数据的时候,第一次报TypeError: Cannot read property 'setCheckedKeys' of undefined,但是第二次就不报了。解决办法:在点击Edit弹框后以回调的方式回填,就是等tree加载完成后再回填就不会出现Cannot read property 'setChec...原创 2019-07-03 12:05:53 · 3938 阅读 · 0 评论 -
使用多个element-ui upload 组件上传如何分别给文件命名
项目中有这么一个需求,有多个字段都需要上传文件,所以在before-upload的时候文件名需要区分是哪个字段对应的上传文件。默认的方法中只有一个file信息,如下而我们需要传额外的能标识唯一性的名字,可以如下闭包的方式:item.id 即是我需要的区分标识。方法应该不止这一种,想了解更多可参考https://www.cnblogs.com/steamed-twisted...原创 2019-05-10 16:57:26 · 4799 阅读 · 2 评论 -
Vue 不能动态添加根级别的响应式属性 的解决办法
对于已经创建的实例,Vue 不能动态添加根级别的响应式属性。但是有时我们项目中一开始的对象的属性不确定,你可能需要为已有对象赋予多个新属性,比如 动态给addForm添加动态属性并实现响应式效果data(){return {addForm:{},}}可使用Object.assign()或_.extend()。在这种情况下,你应该用两个对象的属性创建一个新的对象。...原创 2019-05-08 13:09:46 · 2268 阅读 · 0 评论 -
vue 如何删除对象的某一条数据
使用vue框架,采用element-ui,在做表格在线编辑的效果时需要删除某一行,这就需要从原来tableData数组对象中产出当前需要删除的条目。方法:handleDelete(index,row){this.tableData.splice(index,1);}参考原文链接:https://blog.csdn.net/qq_35366269/article/...原创 2019-03-21 10:58:32 · 13289 阅读 · 1 评论 -
vue element-ui form表单验证valid undefined
使用element-ui 的form表达验证功能,调试时valid一直是未定义,是自定义表单验证,最后发现问题是没有return 或者callback原创 2019-03-15 18:19:12 · 7211 阅读 · 0 评论 -
vue项目打包后index.html文件打开空白
build打包vue项目遇到的问题,如下:1、npm run build打包项目之后,生成的dist文件里面有被压缩后的static文件跟index.html,直接打开index.html页面是空白的,还会报几个错,找不到页面路径。原因:找到config文件下index.js,会发现build下的 assetsPublicPath:' / ' 默认为根目录,而index.html和stat...原创 2018-11-08 16:42:25 · 18498 阅读 · 3 评论 -
JS把数字转换成金额格式
当数字代表金额的时候,而数字又非常大,这个时候常常会吧数字分割成常见的金额显示形式,方便阅读。方法如下:var num = 123444000000.5678;num = num.toFixed(2);num = num.toLocaleString();console.log(num);// 输出123444000000.57 四舍五入后保留小数点后两位原创 2018-01-26 15:25:25 · 4967 阅读 · 0 评论 -
递归函数用法
function factorial(num) {if(num return 1;}else{return num*factorial(num-1);}}alert(factorial(3)); //6安全起见,上述例子可写成:function factorial(num) {if(num return 1;}else{return num*原创 2018-01-30 17:03:41 · 164 阅读 · 0 评论