1.Pagenation分页
当数据过多时,使用分页分解数据。
基础用法:
设置layout,表示需要显示的内容,用逗号分隔,布局元素会依次显示。pre表示上一页,next为下一页,pager表示页码列表,除此以外还提供了jumper和total**,size和特殊的布局符号**->,->后的元素会靠右显示,jumper表示跳页元素,total表示显示页码总数,size用于设置每页显示的页码数量。
2.Tooltip文字提示
常用于展示鼠标hover时的提示信息。
基础用法:
在这里我们提供9种不同方向的展示方式,可以通过以下完整示例来理解,选择你要的效果。
使用content属性来决定hover时的提示信息。由placement属性决定展示效果:placement属性值为:方向-对齐位置;四个方向:top、right、left、bottom;三种对齐位置:start、end、默认为空。如placement=“left-end”,则提示信息出现在目标元素的左侧,且提示信息的底部与目标元素的底部对齐。
3.Badge标记
出现在按钮、图标旁的数字或状态标记。
定义value属性,它接受Number或者String**。
ElementUI的一些知识点学习记录
最新推荐文章于 2023-07-29 14:13:15 发布