Koa2增加404状态拦截并显示自定义404页面

以笔者当前package.json为例 "@koa/router": "^12.0.0", "koa": "^2.14.1", "koa- ...

js获取本周7天所有日期并转换为H:i:s自动补0

datetimeFormat() { function paddingZero(number) { const length = String(number).length; return ...

vue 实现千位数逗号分隔符方法

需求需要实现例如将 23012 显示为 23,0121.创建转换方法addThousandmethods: { addThousand: num => num.toLocaleString(), }2.在Dom上显示< ...

elementUI 定制按钮主题

1.引入全局样式文件首先在vue入口文件全局引入一个样式文件global.less，这里以less文件举例（sass、css...都可）注意不要在<style/>添加作用域限制指令scoped<template&g ...

echarts 图例 legend 取消点击事件 / 添加点击事件

一、legend 取消点击事件legend: { selectedMode:false,//取消图例上的点击事件 data:['浏览量','访问量'] }二、legend 添加点击事件图例组件用户切换图例开关会触发该事件。m ...

Vite + Vue2.7 + elementUI2.15.10 ，el-table 无法显示、el-table不渲染、el-table不报错

问题描述：使用vite为构建工具搭建Vue2.7 + elementUI2.15.10， <el-table/>组件空渲染问题。使用官方Demo示例也一样不显示。（百度有答案让切换elementUI版本也不行）问题情况主 ...

vue 路由切换前关闭api pending请求

现象：最近访问前端页面发现一个问题，在回退页面的时候，点得很快，就会突然跳到一个其他页面，如：访问时候顺序是：A–>B–>C–D，回退的时候，本应该是：D–>C–>A，但是你不耐烦就点得很快，回退跳转实际是： ...

Vue组件之间（兄弟、父子）监听vuex state变化

情景两个组件，A和B。 B组件想通过vuex控制A组件方法实现刷新。准备1.进入store设置state:reloadLic: falseexport default { ... reloadLic: false, } 2. ...

「vuePoem开源后台」虚拟机Centos7启动vuePoem开发模式

前言为解决windows开发者能使用vuePoem自带CLI脚本以及开发即生产环境，特出此基于虚拟机开发教程。 本文章可供windows用户使用虚拟机参考以及linux用户参考 官方文档准备物料虚拟机， 已安装centos7vueP ...

Javascript new Date() safari Invalid Date 引发的思考

前言：笔者近期使用new Date()将日期格式转换时间对象在safari下报错Invalid Date引发的思考项目中涉及将2022-08-01 00:00:00日期格式转换为CST时间（本文中CST实现显示为英文是因为笔者系统语 ...

Vue3实现一个简单的路由

如果你只需要一个简单的页面路由，而不想为此引入一整个路由库，你可以通过动态组件的方式，监听浏览器 hashchange 事件或使用 History API 来更新当前组件。下面是一个简单的例子：<script> impo ...

Vue关闭控制台[Vue warn]

找到 xxx/src/main.js文件， new Vue()前面找个位置添加:Vue.config.silent = true;

微信扫码登陆在chrome浏览器失败,浏览器禁止重定向

浏览器会提示：(新版本的浏览器会提示)Unsafe JavaScript attempt to initiate navigation for frame with URL ‘http://www.xxx.xxx/’ from fr ...

Nodejs快速更换国内源

npm config set registry https://registry.npm.taobao.org && npm config get registry

/node_modules/.bin/apidoc: Permission denied

运行apidoc -i api/ -o doc/报错sh: /path/node_modules/.bin/apidoc: Permission denied npm ERR! code ELIFECYCLE npm ERR! er ...

正则验证集合

Domain/^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))(([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|g ...

vue在elementUI el-col元素上绑定@click事件无效解决办法

在el-col直接添加 @click="themeHandleClose(item)"， 点击后无效没有反馈事件并没有执行<el-drawer :visible.sync="drawer& ...

vue中监听路由参数的变化

在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。mounted: () =>{ this.id = this.$route.query.id; this.getde ...

webpack打包后fontawesome请求路径404问题解决

打包新webpack项目发布到web服务器上后发现fontawesome字体文件请求路径不对。请求成了令人迷惑的http://test.xxx.cn/static/css/static/fonts/fontawesome-webfo ...

Vue使用Array.prototype.push.apply导致视图不刷新问题解决

vue移动端列表项目中使用searchFormData作为列表对象，追加数据使用Array.prototype.push.apply。接口返回数据后视图不刷新，查阅资料后是因为vue数组更新检测包含一组观察数组的变异方法，所以它们也 ...