📢 แจ้งเตือน: weixin /article/list/ - สรุปดราม่าล่าสุด

原创数组包含对象，将具有相同属性的对象去掉，数组去

利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值(ie9以下不支持此方法)var obj = {};this.newAccidList = this.newAccidList.reduce(function(item, next) { obj[next.acc_id] ? '' : obj[next.acc_id] = true && item.push(next); return item;}, []);.

2021-11-03 13:42:07 307

原创页面报错：Invalid prop: custom validator check failed for prop “percentage“.

问题：每次刷新页面报错Invalid prop: custom validator check failed for prop “percentage“，但是不影响项目运行。解决方法：在<el-progress></el-progress>里边添加一个v-if的判断，判断一下你要的数据是否存在。<el-progress :percentage="percentage" v-if="!isNaN(parseInt(percentage))">&l...

2021-08-09 14:25:33 12395

原创列表使用v-for进行条件渲染的时候，下边有红色波浪线

使用v-for循环条件的时候，下边出现红色的波浪线，但是不影响运行解决方法：1.在v-for循环进行数据渲染时，后边加上key，这样可以避免波浪线，但是有可能会出现别的警告。2.打开vscode编辑器，打开设置-找到settings.json文件，加上{“vetur.validation.template”: false,}，然后重启就可以了。...

2021-06-18 15:39:54 1289

原创获取列表时控制台报错：_self.$scopedSlots.default is not a function

原因：当来回切换页面时候，控制台报上面的错误。列表是使用表格el-table-column时做了v-if判断，首次渲染没有问题，但是反复操作就会报错了。是因为表格是element-ui通过循环产生的，而vue在dom重新渲染时有一个性能优化机制，就是dom会被重复使用。解决方法：给每一个key后边加上一个key，用key管理可复用的元素即可。注意每个v-if后边的key的值是不一致的。...

2021-06-18 14:09:52 1305

原创 js 获取当天，当月，当年，当前月份的所有日期，始日期和结束日期获得中间所有日期

获取标准时间var nowdays = new Date();获取当天var days = new Date().getDate()；获取当月var month = new Date().getMonth() + 1；获取当年var year = new Date().getFullYear()；获取当前月有多少天var day = new Date(year, month, 0).getDate();获取当前月份的所有日期let now = new Date(days);

2021-06-15 17:54:10 13371

原创输入npm -v时，报EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs’

场景1问题：安装node之后，输入node - v没有报错，输入npm -v出现以下情况解决方法：是因为你安装的时候使用的是管理员身份安装的node，在确定你安装完之后配置了环境变量，还报这个错，就以管理员的身份打开cmd就可以了。场景2问题打开vscode，随便选中一个文件，在集成终端中打开，然后运行项目，报错了这里是因为安装node之后没有配置环境变量，打开控制面板–系统–高级系统设置-高级-环境变量。新增一个系统变量，变量名：NODE_PATH，变量值：D:\node（你安装no

2021-05-17 17:26:37 1199

原创 js 将data的数据分为4个一组

通过接口返回的数据，将数据分为4个一组，进行翻页，html的代码结构采用了element的走马灯，参考文档即可。具体的数据处理如下data: function () { return { cashList:[], nweCashList:[], } }, methods: { async getData() { const result = await this.$post({ url: "xxxxxxx",})

2021-04-20 16:56:34 2441

原创 echarts的饼图颜色改为渐变色

将echarts饼图的颜色改成渐变色<body> <div id="charts"></div> <script> let color1 = new echarts.graphic.LinearGradient(0,1,0,0,[{ offset: 0, color: "#cee7ff" }, { offset: 1, color: "#148afe" }],false); let color2 = new echarts.graphic.Li

2021-04-20 15:46:17 5029 2

原创 vue el-date-picker的typedatetimerange添加默认当天时间到前几天时间

使用element-ui组件库的日期选择器，有时候会有默认值的显示。和就比较简单了，因为v-model绑定的是个字符串，对其赋值就可以。的type为datetimerange时，v-model绑定的是个数组。如上图这样的组件，想加默认值显示，需要获取到当前时间在处理一下即可 //获取时间的默认值 getDate() { let start = this.Fungetdate (-5) let end = this.Fungetdate (0) this.date

2021-04-15 16:30:21 4682

原创 vue运行项目时，报这个错* ./cptable in ./node_modules/xlsx-style/dist/cpexcel.js

运行vue项目时，终端报错* ./cptable in ./node_modules/xlsx-style/dist/cpexcel.js出现上述原因是因为Excel文件导出时导致的，这是需要改安装依赖的文件内容，根据提示找到该js文件做修改。将var cpt = require(’./cpt’ + ‘able’)改成var cpt = cptable就可以运行项目了...

2021-04-14 16:50:13 5608 3

原创 vue 表格嵌套表单验证，填写了其中一个后另一个提示为必填项，俩个不填为非必填，

使用vue提供的表格，内部嵌套表单，表单可以输入内容，对表单进行校验，如果有一项填写，另一项提示必填，如果俩项都没填写，则不提示。具体效果如下图所示：具体的代码如下：<template> <div class="hello"> <el-form :model="form1" :rules="rules" ref="form1"> <el-table :data="form1.tableData" border>

2021-04-01 15:00:40 4635

原创 js定义一个数组，数组初始化

初始化一个以下格式的数组代码如下：let arr = [{ 0: 'M', 1: new Date().getMonth() + ''}];let newArr = []for (let i = 0; i < arr.length; i++) { let num = 0; for (let key in arr[i]) { newArr.push(arr[i][key]); num = num + 1; }}console.log(newArr)这样在控制

2021-03-26 14:56:59 800

张张张的博客