qq_45094682的博客

报错处理 EPERM operation not permitted, stat C在使用 Visual Studio Code 开发时，遇到 Error: EPERM: operation not permitted, stat ‘c:\xxx’ 的错误通常是由于权限问题所引起的解决方法，关闭当前vscode，通过目录直接删除就行了

1.使用npm查看Vue的所有版本：2.查看项目中已安装的 Vue.js 版本

点击handleSet方法时，调用子组件方法。

iview upload clearFiles清除回显视图。关闭弹框时主动清除回显内容即可this.$refs.uploads.clearFiles()

1.判断规则：在链式调用的时候判断，左侧的对象是否为null或undefined。如果是的，就不再往下运算，而是返回undefined2.安装3.然后在Babel配置文件文件里新增下面这块配置4.最后可以在项目中使用了

iview DatePicker之前月份禁用且下月可用

由于项目使用时间过老，升级对应包版本，可以使用新功能。1.使用npm-check-updates这个工具，先全局安装npm install -g npm-check-updates2.检查package.json中dependencies的最新版本ncu

vue图片加载失败这个问题发生在测试环境和开发本地，线上环境是可以的，测试环境估计被第三方屏蔽了

来看一下报错原因，[Vue warn]: Error in callback for watcher “value”: “Value should be trueValue or falseValue.”报错原因来看一下是怎么找到错误的

vue报错解决，[Vue warn]: Invalid prop: type check failed for prop “value”. Expected Number with value 0, got String with value “”.不知道错误的宝子们，先给你们翻译一下无效的道具：道具“value”的类型检查失败。 预期值为 0 的数字，却得到值为空的字符串“”

vue视图不刷新强制更新数据this.$forceUpdate()在vue中，更新视图数据，不刷新页面，需要强制更新数据才可以前言在对数据就行添加和删除时，发现页面视图不更新，排除发现需要强制更新才可以点击添加或删除，新增数据和删除就行，但在不使用forceUpdate时，要有响应式才行，丢失响应式只能使用forceUpdate更新视图。

前端vue导出PPT，使用pptxgen.js一个平台下有10个国家，这个是后端返回数据固定的，每一个国家下面有10个物流方式，这10个物流方式是这10个国家都有的，也就是所有物流方式去重之后也只有10个物流方式,10个国家，物流方式method0到method9最多也为10个，但也可以不是10个，也就是method0到method9以内是不固定的，它跟methodTotalCount0数量是有联系的，methodTotalCount0也是0–9之内的范围

有时候需求是这样的，想要获取上周的开始日期和结束日期，或者前几周的时间范围比如今天是2023.11.28号，我想获取上周的周一到周日，也就是，上周的开始日期: 2023-11-20，上周的结束日期: 2023-11-26周一到周日subtract(10, ‘weeks’) 这里的10可以替换成你想要的周期// 获取上周的开始日期（周一）// 获取上周的结束日期（周天）注意事项1.不能把.clone()去掉2.使用 subtract(1, ‘weeks’) 减去一周，前面的数字就是你自定义的周期数

公司新需求需要导出ppt给业务用，查阅资料后发现也挺简单的，记录一下。如有不懂的可以留言！！！1.安装包npm install pptxgenjs --save2.引入包在需要使用的文件中引入import Pptxgenfrom "pptxgenjs"

js判断当前浏览器类型及是不是指定浏览器类型JavaScript判断浏览器类型一般有两种办法。一种是根据各种浏览器独有的属性来分辨另一种是通过分析浏览器的userAgent属性来判断的需求目的是当前项目必须运行在谷歌浏览器Chrome中，这样做的目的可以做插件监控项目稳定度，也保证不会被其它插件或者基本恶意攻击，安全性比较高

iview中的table sortable排序时,发现页面数据跟接口返回的数据顺序不一样然后需要在table上加上排序方法就可以了。@on-sort-change='changeSort'

/ let taskModal = document.getElementById('taskModal') // 这两个获取dom的你用那个都行。现在是点击小铃铛出现弹框没问题，点击关闭图标关闭弹框也没问题，但是点击空白区域消失不了，这个时候需要dom监听属性。拿到项目中直接可以用，Tabs也是一个组件。监听鼠标事件就可以了。

实现功能如下图根据上传文件类型显示对应文件类型，图片直接显示，当然图片特可以做对应类型显示出来该功能是基于iview-ui 的Upload 上传

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

这个问题是我用iview ui 中table嵌套表格出现的，想设置ref调用组件中的方法table我们按照平时的写法，ref是不会生效的，因为render函数是根据传入的标签渲染的，而ref是渲染之后才创建的，所以正常写hrender函数中使用ref是无效的下面这样写是无效的，是我刚开始的写法，有效的方法继续往下看

echarts折线图、柱状图中显示X,Y轴的自定义内容，如添加百分比等情况

当Form表单添加rules格式校验时，我们一般会采取默认iview form表单校验，这导致一些数字类型(number)的数据验证失效

关于改变page组件的条数1. 问题由来A页面有两个表格，分别是A1,A2，但是它们的page是分开的，这时候绑定page的30条/页 2.但你又在A1页面切换到100条或者其它多少条的时候，在去A2页面，A2页面的page-size显示就不对了...

事情是这么回事，我拉取最新代码启动的时候放弃之前改的代码了，导致当前环境不一样，就报错了

根据数字显示中文汉字

echarts 点击事件(点击阴影)直接跳转页面，当echarts柱子太小时点击柱子不方便，为了用户方便直接点击当前阴影位置直接跳转当前页面

调用打印功能打印文件

今天在做keep-alive缓存时发现有的页面不生效，解决之后留个文章纪念下切换标签不生效<keep-alive :include="cacheList" > <router-view ></router-view></keep-alive>computed: { tagNavList () { let tagNavList = this.$store.state.app.tagNavList

在vue中使用eslint带来的错误Irregular whitespace not allowed这个东西的出现导致我无法提交代码，然后为了解决这个问题，想了很多最后决定用组件的插槽slot去解决它<Steps :current="1" direction="vertical"> <div v-for="(item, index) in lookPaymentOrderLogs" :key="index"> <Step v-if="i

需求：保留点击复选勾选导出的情况下，新增点击当前行选中勾选如图所示html<Table border stripe highlight-row ref="table" @on-row-click="selectRow" :columns="tableColumns" :data="tableData" @on-selection-change="selectTable"></Table>表格中添加on-row-click事件.并触发rowClick函数meth

在控制台中经常出现报错问题，强迫症的我查资源去解决问题所在Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/abnormalAdmin/question-management".报错原因是你在点击相同路由的原因，说你应该避免冗余导航到当前位置解决办法插入当前代码const originalPush = Router.prototype.pushRout

今天在看之前的博客文章时，少了一篇数据流导出表格的博客，写一篇文章，记录一下1.首页在导出时一定要记得加请求头// 批量导出export const batchExport = (args = {}) => { return axios.request({ url: '/logistics-engine/firstBatOrder/export', method: 'post', responseType : 'blob', // 重要 data: {

这个问题折磨了差不多一天，在点击柱状图进行跳转时，它会重复触发两次，导致我echarts图表嵌套有问题，最后在努力查阅资料时解决了！echarts事件地址下面方法1、2是点击柱子事件方法下面方法3是点击阴影事件方法1.局部有问题的代码var chartDom = document.getElementById(id)if (!chartDom) returnvar myChart = echarts.init(chartDom)var option = ....let that = t

闰年能被4整除且不能被100整除，或能被400整除。需求从echarts柱状图跳转并查询当前月份的值简单代码function year（）{　　if(year%4 == 0 && year%100 != 0 || year%400 == 0){ console.log('闰年')；　　}else{　 console.log('平年')；　　}}局部代码 created() { let shippingCompanyId = thi

需求：echartsX轴字数太长显示不全，产品经理需要把多余的省略掉，然后鼠标悬浮的时候显示全部内容先说一下我的解决思路吧1.我先想到的是将xAxis里的data数据截取前六位，然后使用.substring(0, 6) + '...'字符串截取去显示，发现不可行，因为那样鼠标悬浮还是会被截取掉的2.xAxis不行之后，我又想着tooltip,可是下面X轴又没解决，在怎么看tooltip也白搭，问题不在这里3.又回到X轴的xAxis里去了，想到之前X轴显示不全斜着放，超过指定字数可以换行这里，灵感就

1.本月（当前整个月）`YYYY-MM`eg:2022-01----2022-01注：`this.$moment()`是我main.js全局的，你也可以按需引入2.本月+日期`YYYY-MM-DD`eg:2022-01-01----2022-01-20简写,可忽略`new Date()`3.本年`YYYY-MM`eg:2022-01----2022-124.本年`YYYY-MM-DD`eg:2022-01-01-

先说需求，在开产品需求会时，让echarts的柱状图和折线图默认显示6条数据，其它的通过剩余拉动显示将剩余的通过两边按钮拖动显示局部代码// 想显示成几条那么就把6改成几就可以了，resultarr是横坐标的长度(倒序排列) let resultarr = [] var start = resultarr.length - 6 var end = resultarr.length - 1dataZoom: [ { show: true, type

echarts，x，y轴对应多条数据，y轴取反就行先说需求，我做这个图表是多个物流商对应不同月份的数值配置项optionoption = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data: ['2021-07', '2021-11', '2021-12', '2022-01'] // 换接口的值 }, xAxis: [

今天在维护一个旧的的项目时，表格数据真的是一坨*一样它用了一个for循环去循环el-table-column然后没给宽度，下面看一下没给宽度的样式在看一下解决之后的样子这是之前有问题的<el-table v-loading="loading" ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" border @selection-change="handleSelectionChan

TypeError: ctx.injections.tableRoot.$scopedSlots[ctx.props.column.slot] is not a function出现这个原因是因为我在删代码的时候没注意到引用的地方因为我在这引用了，却把上图红色框里的代码给删除了slot: 'action',删除这部分代码就不会报错了，因为你已经在页面没有引入了正确做法然后你的问题就解决了，...