logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【vue】element-ui el-table使用v-if来控制列的显示隐藏 出现列位置错乱问题

表格是element-ui通过循环产生的,而vue在dom重新渲染时有一个性能优化机制,就是相同dom会被复用,这就是问题所在,所以,通过key去标识一下当前行是唯一的,不许复用,列唯一,就可以解决。根据需求,当某一项列数据根据某属性等显示隐藏该列,使用v-if进行隐藏后,发现会有随机列位置错乱与数据错乱现象。这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分

文章图片
#vue.js#ui#javascript +1
【elementUI样式】模态框中的el-select下拉框不跟随页面滚动问题

popper-append-to-body 属性是 Element-ui 官方文档中提供的一个属性,该属性的用途: 就是将 el-select 选项的内容移动 div#app 当中,默认值是 true;当页面滚动的时候,el-select的内容跟随页面移动,不是跟随el-select下面的input进行移动,想要实现的效果如下图。important 为所有样式的最高级,可以通过外联的样式来个更改e

#elementui#vue.js#css
【vue】elementUI中el-table拖动滚动条的时候固定某一列

写项目的时候有一个需求,就是当el-table的滚动条滑动的时候,可见区域如果没有该列则固定到左侧,由elementUi官方网站可知el-table固定一列的代码如下:fixed为主要的标识头部固定设置的是table的高度。

文章图片
#vue.js#elementui#javascript
【vue】解决el-tree或el-table中树形列表懒加载数据改变后不能实时刷新问题以及使用

首先从map中取出刚刚架子啊过子级节点的数据,再用this.$set清空对应父节点的数据,实现视图实时刷新,再通过取出的数据重新加载父节点。//封装一个增删改刷新table数据的方法,组件懒加载数据的节点,data return的maps,及被操作节点的父节点。在使用el-table表格懒加载子级数据,懒加载仅会在第一次展开时加载,后续会使用第一次缓存的数据,而不会重新加载。传入的三个参数分别是:

文章图片
#vue.js#javascript#前端 +1
【vue】vue中下载文件的方法

在浏览器端,实现直接下载文件,就是使用a标签来只想文件的下载地址。window.location.href的本质也是这样,因此在拿到二进制文件对应的Blob对象后,需要为这个Blob对象创建一个指向它的下载地址的URL。前端项目中下载某个地址的文件模块,文件不想放到后端去下载,在文件大小不太大的情况下,可以把文件放在前端项目中,无论开发环境还是生产环境,都能在同样路径下找到那个文件。通过设置res

文章图片
#vue.js#javascript#前端
【element】基于若依的基本图片上传,实现复制粘贴上传图片文件,带图片预览功能

【代码】【element】基于若依的基本图片上传,实现复制粘贴上传图片文件,带图片预览功能。

#vue.js#elementui
【Echarts】vue项目el-dialog中使用echarts,第一次点击不显示的解决方案

在项目需求中需要点击el-table中的某条数据,显示出该条数据的变化趋势,使用的是echarts4,发现每次点击el-dialog的时候,点击第一次的时候不会显示echarts的内容,但是查看元素的时候发现元素中有存放echarts的盒子,第二次点开虽然显示图表,但是图表挤在一起,页面检查发现宽高只有100px,但是明明已经设置样式宽高100%。

文章图片
#echarts#vue.js#javascript
【vue】解决el-tree或el-table中树形列表懒加载数据改变后不能实时刷新问题以及使用

首先从map中取出刚刚架子啊过子级节点的数据,再用this.$set清空对应父节点的数据,实现视图实时刷新,再通过取出的数据重新加载父节点。//封装一个增删改刷新table数据的方法,组件懒加载数据的节点,data return的maps,及被操作节点的父节点。在使用el-table表格懒加载子级数据,懒加载仅会在第一次展开时加载,后续会使用第一次缓存的数据,而不会重新加载。传入的三个参数分别是:

文章图片
#vue.js#javascript#前端 +1
    共 13 条
  • 1
  • 2
  • 请选择