- 博客(26)
- 收藏
- 关注
RSS订阅原创 页面无法访问vue-router.esm.js:2314 Error: Loading CSS chunk (filename) failed.页面跳转失败
页面无法访问vue-router.esm.js:2314 Error: Loading CSS chunk (filename) failed.页面跳转失败
2022-11-10 15:45:49
423
1
原创 elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题
因为需求的原因无法在table中使用header-row-style实现效果，于是使用el-table-column中的class-name属性设置样式，结果出现单元格内容区也被加上一样的class导致有了背景色，查找element文档发现应该设置label-class-name，就只会给表头加这个class这里是遍历给相邻列设置不同颜色，ABAB形式所以加了判断html<el-table-column label="Test" :label-class-name="index%2==0?'g
2022-05-31 16:51:42
411
原创 Vue根据directive指令进行div拖拽，解决拖拽drag后触发点击click事件，并在directive中调用this
Vue根据directive指令进行div拖拽，解决拖拽drag后触发点击click事件，并在directive中调用this
2022-05-25 16:08:32
1641
原创 vue elementUI 选择器select选中值value为对象
elementUI有时候保存选择器需要绑定对象中的多个值，此时需要加一个属性：value-key，记得修改：value为对象哦~示例 ：html<el-select style="width:300px" clearable value-key="name" //修改的关键 @change="changeMethod" v-model="value" placeholder="请选择"
2021-03-01 17:50:50
1244
原创 富文本编辑器UEditor获取文本字数，限制超长不可提交
UEditor中默认只有文字超出数量限制提醒功能，但还是可以保存网上都说找到配置文件注释两行加三行，我试了没有生效然后打印了这个元素，最后找到文本字段，这里用的是vue中的ref选择器：html<vue-ueditor-wrap ref="ue" v-model="ruleFormLi.declareContext" :config="ueConfig" ><
2020-09-02 14:27:22
3250
原创 table表格中下拉列表切换数据再次切换无法触发,select切换option后失焦
问题：新增切换版本功能，版本号数据通过@foccus异步调用接口获取，但是选中以后发现再次点击下拉框不再调用接口，点击右边的小箭头可以触发，原因是切换以后没有失焦，仍处于focus状态所以再次点击无法触发focus事件，失去焦点后再次点击就可以触发解决方法：选中option以后给当前选项框做失焦。步骤：1、给select加ref属性，由于是多个select，需要绑定唯一的ref， :ref="select-${scope.row.senCode}"<el-select .
2020-08-26 11:25:03
644
原创 代码提交失败git reject
git fetch origin dev //获取远程dev分支的修改git merge origin dev // 合并远程dev分支git pull origin dev // 更新本地的代码pull拉取后就可以正常进行提交操作了
2020-07-02 17:54:50
408
原创 elementUI upload上传文件大小及格式判断限制，提示相应信息
通过操作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 (
2020-07-02 17:43:43
3728
1
原创 vue 点击按钮使用$router打开新页面
jslet routeData = this.$router.resolve({ path: '/home', query: { id: 1 } }); //path：跳转页面的相对路径，query：参数window.open(routeData.href, '_blank');
2020-07-02 17:38:04
803
原创 vue项目 打印页面中指定div中内容
//安装（命令行）npm install vue-print-nb --save//main.js中引入import Print from 'vue-print-nb'Vue.use(Print)//vue文件<el-button v-print="`#print`">打印</el-button><div id="#print">需要打印的内容</div>...
2020-07-01 15:29:30
1654
原创 vue锚点跳转，点击按钮跳转到当前页面对应的位置
html<button @click="toPinglun">点击跳转到评论区</button><div ref="pinglun">评论</div>jstoPinglun(){ this.$refs["pinglun"].scrollIntoView(true);}
2020-06-29 15:42:51
3701
1
原创 js评论显示刚刚还是时间还是几分钟几小时前
方法：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()
2020-06-29 15:38:47
583
原创 通过标签使获取到的数据换行显示,还原输入框文本域中保存的格式
使用pre标签可以获取到原本文本在文本域中保存的格式（换行、空格等）HTML：<pre style="font-family:Avenir,Helvetica,Arial,sans-serif; margin-bottom:15px;margin-left:20px;line-height: 28px;white-space: break-spaces;">{{applyCondition}}</pre>数据（含有空格及换行）：使用pre标签后的显示效果：
2020-06-28 12:01:37
274
原创 列表图片首个不显示问题/重新点开dialog没有再次调用获取列表接口问题
这是遇到的两个项目中的问题，但是解决方法是一样的。都是在标签中加入v-if判断获取到数据以后再显示内容。渲染图片列表时遇到一个问题，就是第一行图片不显示，删除第一个以后，新的第一行图片也不显示，一看数据也获取到了，但是看到组件中，没有赋值，应该是第一行的值还没获取到就已经渲染了，在upload组件中使用nextTick方法，打印看了一下也没获取到，然后灵机一动，用v-if判断是否获取到图片条件渲染，成功！！！修改前修改后...
2020-05-29 14:47:04
275
原创 添加评论时间，格式为年/月/日 时：分：秒
格式：2020/05/29 14：34：50var date = new Date();var d = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " +date.getHours()+ ":" + date.getMinutes()+":"+data.getSeconds();
2020-05-29 14:37:10
346
原创 elementUI踩坑 el-dialog关闭不掉
遇到了dialog弹窗关不掉的问题，解决方法如下在标签中加入@close=‘closeDialog’html<el-dialog :title="标题" :visible="dialogCode" width="20%" @close='closeDialog'></el-dialog>js export default{ data(){ return{ dialogCode:true } } methods:{ closeDialog() {
2020-05-29 14:28:10
12278
原创 vue安装插件image-webpack-loader失败导致项目运行不起来
由于疫情在家办公，但下载好项目以后启动失败，提示多个图片信息。后发现是由于项目中使用了image-webpack-loader插件，但安装失败导致项目无法启动。卸载以后重新安装即可，不过npm安装此插件容易失败，可以用cnpm安装，以下是解决方法，都是命令行操作。1、若安装过 image-webpack-loader， 先卸载npm uninstall image-webpack-loader2、 这一步意思就是安装 cnpm 然后将全局的 registry 设置成阿里的镜像，国内阿里比较快npm
2020-05-29 14:19:43
3214
原创 vue中实现锚点跳转
html<div ref="example"></div> //要跳转的位置<button @click="goAnchor('example')"></button> //点击跳转按钮js goAnchor(selector) { this.$refs["example"].scrollIntoView(true); },
2020-05-29 14:12:45
611
原创 解决vue登录后点击返回以后回到了登录页
1、挂载完成后，判断浏览器是否支持popstatemounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); }},2、页面销毁时，取消监听。否则其他vue路由页面也会被监听destroyed()
2020-05-29 14:04:13
2540
原创 css伪元素实现下划线0.5px
html <div class="example"></div> css.example:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-top: 1px solid #e1e1e1; -web
2020-05-29 11:54:09
1320
原创 vue项目，修改替换数组中某一对象的值失败
vue中修改数组时直接使用this.list[index]=data，无法修改this.list中的值。应该使用：this.$set(this.list,index,data)
2020-05-26 18:07:03
1190
1
原创 git提交失败信息为reject
git fetch origin dev //获取远程dev分支的修改git merge origin dev // 合并远程dev分支git pull origin dev // 更新本地的代码
2020-01-07 14:41:18
460
1
原创 打包项目报错端口号占用 Error: listen EADDRINUSE: address already in use 127.0.0.1:8888
以报错为以下信息为例：Error: listen EADDRINUSE: address already in use 127.0.0.1:8888解决方法：1.打开cmd2.输入netstat -ano，会弹出下图（左边的3000对应上面报错的59568）3.输入 tskill 59568 （就是这行所对应的右边的数字）ojbk...
2020-01-07 14:39:46
2761
原创 快速基础使用git给版本打标签
正常操作输入两行命令即可：1.git tag v1.0.0(大部分是版本号，日期也可以)2.git push origin -tags （提交所有本地标签）/git push origin v1.0.0(提交该标签)其他情况：删除标签：1.git checkout v1.0.0(切换标签分支)2.git tag -d v1.0.0(删除)查看标签：git tag...
2020-01-07 14:36:17
393
原创 html移动端适配最优方法
使用js来设置font-size的方法最好，目前大部分成熟网站都采用这种方法。媒体查询可能会漏掉一些设备型号，并且比较繁琐，通过vw设置也比较方便，但是兼容性不好js设置html的font-size大小：document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 + 'px';...
2020-01-07 14:30:59
388
原创 ul,ol中的li文本居中时，默认序列号样式圆点在最左侧,使圆点跟随li的方法
加上下面代码即可解决。ol li,ul li{list-style-position:inside;}
2020-01-07 14:27:55
2400
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人