![](https://img-blog.csdnimg.cn/b40a70e0fe01415ea473c6c541c0b78a.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
UI组件库
常用的ui组件库,日常开发中遇到的问题以及常用配置项记录,供自己查阅使用
前端-卡布达
前端小菜鸡
展开
-
position: fixed;吸底按钮以及吸底按钮挡住内容解决办法
但是有的时候,这个吸底按钮可能会挡住内容,那么这个时候可以通过对其最外层的父盒子,或者自己套一个父盒子设置 padding-bottom 属性,再调整 padding-bottom 属性的值到合适位置就OK了。在开发中,吸底或者吸顶按钮很常见,都是通过设置position: fixed,然后控制bottom的距离来实现。原创 2022-10-07 18:10:59 · 1251 阅读 · 0 评论 -
AntdPro中-ProFormSelect组件的使用说明
AntdPro是对antd又进行了一次封装,相比antd使用起来方便了许多。但是最近初次使用的时候,还是踩了很多坑,这里就记录一下:对于带搜索功能的select选框,是比较常用的,但是这次在说使用的时候,选中了选项之后并没有清空搜索框,也就是下图这样的情况:其实熟悉antd的朋友都知道,配置 autoClearSearchValue:true, 即可,但是我给了autoClearSearchValue属性之后,会有错误抛出,会提示你ProFormSelect上没有autoClearSearch.原创 2022-04-09 16:51:41 · 12803 阅读 · 4 评论 -
Avue--crud组件,分页中page属性根据接口返回的数据改变,页面没更新问题
avue的crud组件,走后台请求了数据,根据后台返回的page数据修改crud的page数据后,发现页面的总条数、页码等数据并没有变化。由于请求数据走了异步方法,所以需要在page后加一个sync事件修饰符: <avue-crud ref="dytttcrud" //:page="page" :page.sync="page" :data="listData" @size-change="sizeCh原创 2022-02-14 13:50:00 · 8642 阅读 · 5 评论 -
Avue-crud常用配置项
Avue 表单组件crud常用配置原创 2021-12-16 07:53:51 · 24686 阅读 · 28 评论 -
Avue--crud组件设置默认选中的行
工作中在使用Avue这款ui框架时,一些使用场景需要在重新请求数据后,将上一次勾选中的表格行默认选上例如:此时勾选中了 “测试任务1” 那么需要在重新请求数据后,重新请求的数据中若有“测试任务1” ,就需要进行回显,也就是默认将其选中。大致的思路如下:1、通过节点拿到crud的 toggleRowSelection函数,通过该函数来设置默认选中代码如下://说明: 1、ongoingTask是为crud组件设置的ref属性值 2、listData就是crud渲染的数据.原创 2021-12-20 23:17:53 · 7249 阅读 · 4 评论 -
Antd--翻页组件一左一右显示
在开发中,可能经常会遇到table的翻页组件一左一右展示的情况,也就是total展示在最左边,翻页按钮展示在做右边,也就是下面这种展示方式刚开始找了table以及一些pagination的配置项说明,以为有直接的配置属性可以实现这样的展示效果,但是找了一下没有找到。不过也没有关系,这样的展示效果,实现也超级简单,记录一下,怕自己日后忘记。...原创 2022-03-29 21:46:04 · 871 阅读 · 0 评论