logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

解决Element UI 组件el-popover图片溢出屏幕可视区域问题(popover定位问题)

分析原因不固定popver大小,想让图片自适应完整显示时会出现这个情况。原因:是图片未加载完成,即图片的宽高未确定,el-popover就已经初始化完成了,弹出的位置已确定。等图片加载完,内容撑开了,但是el-popover位置还是原来的,所以会溢出屏幕可视区域。解决方法等待img加载完成后更新一下el-popverthis.$refs.popover.updatePopper()demo代码非完

#vue.js#elementui#javascript +1
vue绑定键盘事件无效问题,vue绑定键盘delete事件示例,组合键绑定

var _this = this;document.onkeydown = function (e) {let key = window.event.keyCode;if (key == 13) {_this.send();//调用method中的send 方法}}

基于vue的鼠标移动放大部分区域图片(仿京东商品图片放大效果)

基于vue的鼠标移动放大部分区域图片(仿京东商品图片放大效果)

文章图片
#vue.js#javascript#前端
【基于vue的大量表单数据,动态生成表单性能优化篇】解决输入延迟,卡顿问题

需求分析需求:根据后端返回的字段,生成多条表单数据( 实质是批量发布商品 ),预留可增删改功能实现思路后端返回的数据格式是一个一维数组(一个商品的所有字段)let product_item =[{prop:'name',value:'',type:'input',//表单类型--输入框},{prop:'img',value:'',type:'img'//表单类型--图片},{prop:'type'

#vue.js#javascript#html5 +2
vue+elementUI实现可编辑动态表格,带效果图

效果图<!--修改弹出框--><el-dialog:close-on-click-modal="false":visible.sync="dialogTableVisible":title="textMap[dialogStatus]"@dragDialog="handleDrag"><divstyle="width:100%; height:1px; backg

#javascript#vue.js#html5 +2
vue缓存页面keepAlive的坑(数据不刷新,只缓存第一次进入的页面数据),强制刷新缓存的页面的方法

需求:A进入B,根据不同id刷新B页面数据,B进入C,C返回B,如果C有操作数据,则返回B后刷新B数据,否则B页面不刷新;第一次尝试*思路是从C进入B,缓存B,其他页面进入B,不缓存B页面:beforeRouteLeave(to, from, next) {from.meta.keeplive= false;next();},activated(){//根据$route.meta},C页面// 返

#vue.js#javascript
vue动态生成表单输入框,并动态生成v-model(动态生成v-model遇到的坑)

动态生成v-model时不能直接使用string[‘name’]=value,无法编辑,这时需要使用this.$set

#vue.js
解决vue报TypeError: Cannot read properties of undefined (reading ‘getters‘)

莫名其妙的报错解决方法:可能存在循环引用devtools的问题,关闭就好了(版本3.1.5,暂不清楚什么原因)

#vue.js#javascript#前端
vue-element-admin右侧内容数据量多时,el-menu侧边栏收缩/展开卡顿问题

项目中使用的是vue-element-template当右侧content内容比较多时,或者表格单页数据量展示较多时,左边侧边栏菜单收缩展开的功能就会很卡顿,体验十分差,看了issue有人提出bug,但是也没有人给出一个比较好的解决方案。分析问题本人遇到的是表格单页展示过多引起的菜单收缩卡顿,分析了一下原因是,js执行阻塞了css动画,el-table开启了自动撑开宽度,需要时间重新计算渲染(设置

#vue.js#javascript#前端
Vue3版本的Vue-Admin(vue-element-tempalte)附源码

前言Vue3版本普及了,也该学vue3了,写一个基于vue3的vue-elementPlus-admin,除了基础使用到的工具,无安装太多臃肿的东西,非常简洁,拉下来即用效果图线上地址:https://lsz579.github.io/vue-elementPlus-admin/线上地址目前只是把基本功能完成了,属于简化版的,可以直接拿来使用,后继会出一个集成板github地址:https://g

#vue.js#javascript#前端
    共 14 条
  • 1
  • 2
  • 请选择