页面无法访问vue-router.esm.js:2314 Error: Loading CSS chunk (filename) failed.页面跳转失败

SHERLOCK_96 — Thu, 10 Nov 2022 15:45:49 +0800

elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题

SHERLOCK_96 — Tue, 31 May 2022 16:51:42 +0800

因为需求的原因无法在table中使用header-row-style实现效果，于是使用el-table-column中的class-name属性设置样式，结果出现单元格内容区也被加上一样的class导致有了背景色，查找element文档发现应该设置label-class-name，就只会给表头加这个class 这里是遍历给相邻列设置不同颜色，ABAB形式所以加了判断 html

富文本编辑器UEditor获取文本字数，限制超长不可提交

SHERLOCK_96 — Wed, 02 Sep 2020 14:27:22 +0800

UEditor中默认只有文字超出数量限制提醒功能，但还是可以保存网上都说找到配置文件注释两行加三行，我试了没有生效然后打印了这个元素，最后找到文本字段，这里用的是vue中的ref选择器： html <

table表格中下拉列表切换数据再次切换无法触发,select切换option后失焦

SHERLOCK_96 — Wed, 26 Aug 2020 11:25:03 +0800

问题：新增切换版本功能，版本号数据通过@foccus异步调用接口获取，但是选中以后发现再次点击下拉框不再调用接口，点击右边的小箭头可以触发，原因是切换以后没有失焦，仍处于focus状态所以再次点击无法触发focus事件，失去焦点后再次点击就可以触发解决方法：选中option以后给当前选项框做失焦。步骤：1、给select加ref属性，由于是多个select，需要绑定唯一的ref， :ref="select-${scope.row.senCode}"

代码提交失败git reject

SHERLOCK_96 — Thu, 02 Jul 2020 17:54:50 +0800

git fetch origin dev //获取远程dev分支的修改 git merge origin dev // 合并远程dev分支 git pull origin dev // 更新本地的代码 pull拉取后就可以正常进行提交操作了

elementUI upload上传文件大小及格式判断限制，提示相应信息

SHERLOCK_96 — Thu, 02 Jul 2020 17:43:43 +0800

通过操作upload标签中的beforeUpload属性来实现这个功能 //限制文件上传类型及大小 beforeUpload(file) { var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1) let arr = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'pdf', 'JPG', 'JPEG', 'PNG', 'GIF', 'BMP', 'PDF'] if (

vue 点击按钮使用$router打开新页面

SHERLOCK_96 — Thu, 02 Jul 2020 17:38:04 +0800

js let routeData = this.$router.resolve({ path: '/home', query: { id: 1 } }); //path：跳转页面的相对路径，query：参数 window.open(routeData.href, '_blank');

vue项目打印页面中指定div中内容

SHERLOCK_96 — Wed, 01 Jul 2020 15:29:30 +0800

//安装（命令行） npm install vue-print-nb --save //main.js中引入 import Print from 'vue-print-nb' Vue.use(Print) //vue文件打印

需要打印的内容

...

vue锚点跳转，点击按钮跳转到当前页面对应的位置

SHERLOCK_96 — Mon, 29 Jun 2020 15:42:51 +0800

html

js toPinglun(){ this.$refs["pinglun"].scrollIntoView(true); }

js评论显示刚刚还是时间还是几分钟几小时前

SHERLOCK_96 — Mon, 29 Jun 2020 15:38:47 +0800

方法： getTimeShow(time_str){var now = new Date(); var date = new Date(time_str); //计算时间间隔，单位为分钟 var inter = parseInt((now.getTime() - date.getTime())/1000/60); if(inter == 0){ return "刚刚"; } //多少分钟前 else if(inter < 60){ return inter.toString()

通过标签使获取到的数据换行显示,还原输入框文本域中保存的格式

SHERLOCK_96 — Sun, 28 Jun 2020 12:01:37 +0800

使用pre标签可以获取到原本文本在文本域中保存的格式（换行、空格等） HTML：

{{applyCondition}}

数据（含有空格及换行）：使用pre标签后的显示效果：

列表图片首个不显示问题/重新点开dialog没有再次调用获取列表接口问题

SHERLOCK_96 — Fri, 29 May 2020 14:47:04 +0800

这是遇到的两个项目中的问题，但是解决方法是一样的。都是在标签中加入v-if判断获取到数据以后再显示内容。渲染图片列表时遇到一个问题，就是第一行图片不显示，删除第一个以后，新的第一行图片也不显示，一看数据也获取到了，但是看到组件中，没有赋值，应该是第一行的值还没获取到就已经渲染了，在upload组件中使用nextTick方法，打印看了一下也没获取到，然后灵机一动，用v-if判断是否获取到图片条件渲染，成功！！！修改前修改后 ...

添加评论时间，格式为年/月/日时：分：秒

SHERLOCK_96 — Fri, 29 May 2020 14:37:10 +0800

格式：2020/05/29 14：34：50 var date = new Date(); var d = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " +date.getHours()+ ":" + date.getMinutes()+":"+data.getSeconds();

elementUI踩坑 el-dialog关闭不掉

SHERLOCK_96 — Fri, 29 May 2020 14:28:10 +0800

遇到了dialog弹窗关不掉的问题，解决方法如下在标签中加入@close=‘closeDialog’ html js export default{ data(){ return{ dialogCode:true } } methods:{ closeDialog() {

vue安装插件image-webpack-loader失败导致项目运行不起来

SHERLOCK_96 — Fri, 29 May 2020 14:19:43 +0800

由于疫情在家办公，但下载好项目以后启动失败，提示多个图片信息。后发现是由于项目中使用了image-webpack-loader插件，但安装失败导致项目无法启动。卸载以后重新安装即可，不过npm安装此插件容易失败，可以用cnpm安装，以下是解决方法，都是命令行操作。 1、若安装过 image-webpack-loader，先卸载 npm uninstall image-webpack-loader 2、这一步意思就是安装 cnpm 然后将全局的 registry 设置成阿里的镜像，国内阿里比较快 npm

vue中实现锚点跳转

SHERLOCK_96 — Fri, 29 May 2020 14:12:45 +0800

html

//要跳转的位置 //点击跳转按钮 js goAnchor(selector) { this.$refs["example"].scrollIntoView(true); },

解决vue登录后点击返回以后回到了登录页

SHERLOCK_96 — Fri, 29 May 2020 14:04:13 +0800

1、挂载完成后，判断浏览器是否支持popstate mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); } }, 2、页面销毁时，取消监听。否则其他vue路由页面也会被监听 destroyed()

css伪元素实现下划线0.5px

SHERLOCK_96 — Fri, 29 May 2020 11:54:09 +0800

html

css .example:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-top: 1px solid #e1e1e1; -web

SHERLOCK_96的博客

页面无法访问vue-router.esm.js:2314 Error: Loading CSS chunk (filename) failed.页面跳转失败

elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题

富文本编辑器UEditor获取文本字数，限制超长不可提交

table表格中下拉列表切换数据再次切换无法触发,select切换option后失焦

代码提交失败git reject

elementUI upload上传文件大小及格式判断限制，提示相应信息

vue 点击按钮使用$router打开新页面

vue项目 打印页面中指定div中内容

vue锚点跳转，点击按钮跳转到当前页面对应的位置

js评论显示刚刚还是时间还是几分钟几小时前

通过标签使获取到的数据换行显示,还原输入框文本域中保存的格式

列表图片首个不显示问题/重新点开dialog没有再次调用获取列表接口问题

添加评论时间，格式为年/月/日 时：分：秒

elementUI踩坑 el-dialog关闭不掉

vue安装插件image-webpack-loader失败导致项目运行不起来

vue中实现锚点跳转

解决vue登录后点击返回以后回到了登录页

css伪元素实现下划线0.5px

vue项目打印页面中指定div中内容

添加评论时间，格式为年/月/日时：分：秒