UI框架
以UI框架的文章为主
流川命
不回头。
展开
-
el-pagination解决分页不更新的原因及解决方法
场景:在分页查询的时候,有时候我们在切换查询条件时,分页的页数还停留在上一次查看的页数,而不是从第一页开始。下图是重新查询的数据,但是页码还停留在第六页(当数据多于六页数据的时候,会显示第六页的数据,但是当数据少于六页数据时,就会显示暂时无数据,其实数据是拿回来的,只是这时候分页器接收到的页码是6,而没有那么多数据显示,就会显示暂无数据)**解决办法:**可以给装分页器的元素添加一个条件渲染,让每次请求时,分页器都重新加载。在请求开始前,把pageshow设为false,请求结束之后,就设为true(原创 2021-06-29 19:54:24 · 6230 阅读 · 0 评论 -
Mint-ui中Navbar组件的坑
如图,在mint-ui官网中,Navbar选中的项,底边框是可以显示出来的。但实际开发中,有时候,底部的边框是显示不出来的原因:是因为被选中的item加了一个margin-bottom。解决办法:去掉这个margin-bottom即可...原创 2021-06-16 11:32:48 · 256 阅读 · 0 评论 -
解决vue+elementui中el-table的thead右边有留白的问题
如图,问题如下,table中的表头最右边有留白给项目添加全局样式(在局部添加不行),就可以解决。 body .el-table th.gutter{ display: table-cell!important; }原创 2021-05-12 16:23:20 · 5076 阅读 · 1 评论 -
Vue使用element-ui 幻灯片,图片无法显示的解决方法
data中的路径只会被当做普通的字符串,因此无法获取图片data () {return {carousels: [“…/assets/img/carousel_1.png”,“…/assets/img/carousel_2.png”,“…/assets/img/carousel_3.png”,“…/assets/img/carousel_4.png”]}}加上 require()data () {return {carousels: [require("…/assets/img转载 2021-05-06 12:44:51 · 628 阅读 · 0 评论 -
最新的elementUI中的el-cascader组件的坑(版本2.13.2)
最新的elementUI中的el-cascader组件的坑(版本2.13.2)在使用el-cascader组件时,发现如果渲染的数据过多时,组件的高度就会占满整个屏幕的高度,而el-cascader组件不会自动加上滚动条,并且二级选择器也没渲染出来,在2.6.0版本时还不会出现这种情况,查了一下原因,好像是新版本的坑于是给组件加样式:.el-cascader-menu {height: 300px;}就显示正常了,...原创 2020-09-06 15:00:38 · 3257 阅读 · 0 评论