vue缓存keep-alive不生效 今天在做keep-alive缓存时发现有的页面不生效,解决之后留个文章纪念下切换标签不生效<keep-alive :include="cacheList" > <router-view ></router-view></keep-alive>computed: { tagNavList () { let tagNavList = this.$store.state.app.tagNavList
git 删除远程仓库本地分支和删除远程分支,保留本地分支或者删除本地 本地分支操作1. 创建本地分支创建并切换,推荐git checkout -b branch-A先创建后切换 不推荐创建git branch mybranch-A切换git checkout mybranch-A2. 删除本地分支这边操作直接删除你本地的分支,一定要谨慎操作,确定不想要 git push origin --delete ETMS-970git branch -D branch-A...
git 合并 误删分支后恢复 今天测试把任务需求放到从测试–>验收中了,(验收中的都是确定要上线了的),结果他操作失误拉过去了,我就把本地的分支给删除了查找历史提交的commitgit reflog show --date=iso上面命令会显示出所有的提交记录,如果需要退出:q找到你需要恢复的对应的 commit。记住对应的 commitId (前面的绿色部分)。git reflog用来记录你的每一次命令,–date=iso 表示以标准时间显示。不能使用git log , git log 在分支删除后,log 也
解决Irregular whitespace not allowed带来的错误 在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
iview table表格实现单击行选中 需求:保留点击复选勾选导出的情况下,新增点击当前行选中勾选如图所示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
解决echarts柱状图点击柱子闪屏、闪动问题 即上一篇文章之后 ,我的图表点击一直闪的问题就出现了 echarts点击图表闪屏问题 出现这个是我点击柱状图是没有清理事件引发的// 1、清除画布myChart.clear()// 2、在渲染点击事件之前先清除点击事件,这个是点击柱子事件myChart.off('click')// 3、在渲染点击事件之前先清除点击事件,这个是点击柱子阴影事件myChart.getZr().o
echarts中legend图例的要显示与隐藏的个数 项目需求,产品经理说页面显示的内容太多了,要只显示legend中的一个内容,其它可以通过点击去显示,如图局部代码option = { title: { left: 'center', text: data.title == '平台汇总' ? '平台汇总' : '物流方式汇总' }, tooltip: { trigger: 'axis', axisPointer: {
postman文件导入 如果需要Cookie、Authorization可在header里填写1.输入url:http://xxx.xxx.xxx.xxx:8080/uploadfile2.选择post方式3.选择body4.选择form-data,将text改为file就可以了5.输入key:file ,value:选择文件6.send即可
vue中解决重复点击侧边栏相同路由模块报错问题 在控制台中经常出现报错问题,强迫症的我查资源去解决问题所在Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/abnormalAdmin/question-management".报错原因是你在点击相同路由的原因,说你应该避免冗余导航到当前位置解决办法插入当前代码const originalPush = Router.prototype.pushRout
vue中使用文件流Blob导出表格、及解决乱码问题 今天在看之前的博客文章时,少了一篇数据流导出表格的博客,写一篇文章,记录一下1.首页在导出时一定要记得加请求头// 批量导出export const batchExport = (args = {}) => { return axios.request({ url: '/logistics-engine/firstBatOrder/export', method: 'post', responseType : 'blob', // 重要 data: {
echarts 点击事件(点击柱子和阴影)重复触发的问题 这个问题折磨了差不多一天,在点击柱状图进行跳转时,它会重复触发两次,导致我echarts图表嵌套有问题,最后在努力查阅资料时解决了!echarts事件地址下面方法1、2是点击柱子事件方法下面方法3是点击阴影事件方法1.局部有问题的代码var chartDom = document.getElementById(id)if (!chartDom) returnvar myChart = echarts.init(chartDom)var option = ....let that = t
js判断年份是否为闰年及当月月数所带天数 闰年能被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
echarts X轴字数太长显示不全,使用省略显示全部内容 需求:echartsX轴字数太长显示不全,产品经理需要把多余的省略掉,然后鼠标悬浮的时候显示全部内容先说一下我的解决思路吧1.我先想到的是将xAxis里的data数据截取前六位,然后使用.substring(0, 6) + '...'字符串截取去显示,发现不可行,因为那样鼠标悬浮还是会被截取掉的2.xAxis不行之后,我又想着tooltip,可是下面X轴又没解决,在怎么看tooltip也白搭,问题不在这里3.又回到X轴的xAxis里去了,想到之前X轴显示不全斜着放,超过指定字数可以换行这里,灵感就
moment时间插件小技巧(本月、上个月、相差天数、本年...) 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中dataZoom来控制默认显示固定条数数据(可自定义) 先说需求,在开产品需求会时,让echarts的柱状图和折线图默认显示6条数据,其它的通过剩余拉动显示将剩余的通过两边按钮拖动显示局部代码// 想显示成几条那么就把6改成几就可以了,resultarr是横坐标的长度(倒序排列) let resultarr = [] var start = resultarr.length - 6 var end = resultarr.length - 1dataZoom: [ { show: true, type
echarts柱状图x,y轴对应多条数据(可自定义) echarts,x,y轴对应多条数据,y轴取反就行先说需求,我做这个图表是多个物流商对应不同月份的数值配置项optionoption = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data: ['2021-07', '2021-11', '2021-12', '2022-01'] // 换接口的值 }, xAxis: [
element表格table头部循环设置列的宽度 今天在维护一个旧的的项目时,表格数据真的是一坨*一样它用了一个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 TypeError: ctx.injections.tableRoot.$scopedSlots[ctx.props.column.slot] is not a function出现这个原因是因为我在删代码的时候没注意到引用的地方因为我在这引用了,却把上图红色框里的代码给删除了slot: 'action',删除这部分代码就不会报错了,因为你已经在页面没有引入了正确做法然后你的问题就解决了,...
npm-upgrade : 无法加载文件 C:\Users\Administrator\AppData\Roamingpmpm-upgrade.ps1 出现原因是因为我要在升级旧项目的package.json中的依赖包,当我在执行npm update时依赖包只更新一两个,不是更新所有的。再次之前我通过npm update更新package.json中的依赖包,是完全没问题,所以为了解决更新全部的依赖包,我必须这样做解决方法:1)以管理员身份运行方式打开powershell),不是管理员身份运行不可以的2).运行命令:set-ExecutionPolicy RemoteSigned操作如下图所示3).运行命令:set-Executio