- 博客(26)
- 收藏
- 关注
原创 页面无法访问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
586
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
465
原创 Vue根据directive指令进行div拖拽,解决拖拽drag后触发点击click事件,并在directive中调用this
Vue根据directive指令进行div拖拽,解决拖拽drag后触发点击click事件,并在directive中调用this
2022-05-25 16:08:32
1747
原创 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
1345
原创 富文本编辑器UEditor获取文本字数,限制超长不可提交
UEditor中默认只有文字超出数量限制提醒功能,但还是可以保存网上都说找到配置文件注释两行加三行,我试了没有生效然后打印了这个元素,最后找到文本字段,这里用的是vue中的ref选择器:html<vue-ueditor-wrap ref="ue" v-model="ruleFormLi.declareContext" :config="ueConfig" ><
2020-09-02 14:27:22
3411
原创 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
720
原创 代码提交失败git reject
git fetch origin dev //获取远程dev分支的修改git merge origin dev // 合并远程dev分支git pull origin dev // 更新本地的代码pull拉取后就可以正常进行提交操作了
2020-07-02 17:54:50
420
原创 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
3820
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
823
原创 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
1700
原创 vue锚点跳转,点击按钮跳转到当前页面对应的位置
html<button @click="toPinglun">点击跳转到评论区</button><div ref="pinglun">评论</div>jstoPinglun(){ this.$refs["pinglun"].scrollIntoView(true);}
2020-06-29 15:42:51
3843
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
634
原创 通过标签使获取到的数据换行显示,还原输入框文本域中保存的格式
使用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
298
原创 列表图片首个不显示问题/重新点开dialog没有再次调用获取列表接口问题
这是遇到的两个项目中的问题,但是解决方法是一样的。都是在标签中加入v-if判断获取到数据以后再显示内容。渲染图片列表时遇到一个问题,就是第一行图片不显示,删除第一个以后,新的第一行图片也不显示,一看数据也获取到了,但是看到组件中,没有赋值,应该是第一行的值还没获取到就已经渲染了,在upload组件中使用nextTick方法,打印看了一下也没获取到,然后灵机一动,用v-if判断是否获取到图片条件渲染,成功!!!修改前修改后...
2020-05-29 14:47:04
298
原创 添加评论时间,格式为年/月/日 时:分:秒
格式: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
380
原创 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
12735
原创 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
3311
原创 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
643
原创 解决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
2700
原创 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
1347
原创 vue项目,修改替换数组中某一对象的值失败
vue中修改数组时直接使用this.list[index]=data,无法修改this.list中的值。应该使用:this.$set(this.list,index,data)
2020-05-26 18:07:03
1263
1
原创 git提交失败信息为reject
git fetch origin dev //获取远程dev分支的修改git merge origin dev // 合并远程dev分支git pull origin dev // 更新本地的代码
2020-01-07 14:41:18
510
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
2816
原创 快速基础使用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
417
原创 html移动端适配最优方法
使用js来设置font-size的方法最好,目前大部分成熟网站都采用这种方法。媒体查询可能会漏掉一些设备型号,并且比较繁琐,通过vw设置也比较方便,但是兼容性不好js设置html的font-size大小:document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 + 'px';...
2020-01-07 14:30:59
403
原创 ul,ol中的li文本居中时,默认序列号样式圆点在最左侧,使圆点跟随li的方法
加上下面代码即可解决。ol li,ul li{list-style-position:inside;}
2020-01-07 14:27:55
2551
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人