显示当前页面的路径,快速返回之前的任意页面。
适用广泛的基础用法。
在Breadcrumb
中使用Breadcrumb.Item
标签表示从首页开始的每一级。Element 提供了一个separator
属性,在Breadcrumb
标签中设置它来决定分隔符,它只能是字符串,默认为斜杠/
。
render() {
return (
<Breadcrumb separator="/">
<Breadcrumb.Item>首页</Breadcrumb.Item>
<Breadcrumb.Item>活动管理</Breadcrumb.Item>
<Breadcrumb.Item>活动列表</Breadcrumb.Item>
<Breadcrumb.Item>活动详情</Breadcrumb.Item>
</Breadcrumb>
)
}
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
separator | 分隔符 | string | — | 斜杠"/" |
可同时展开多个面板,面板之间不影响render() {const activeName = "1";return (Collapse value={activeName}Collapse.Item titl...
Loading 加载加载数据时显示动效。区域加载在表格等容器中加载数据时显示。Element Plus 提供了两种调用 Loading 的方法:指令和...
PageHeader 页头如果页面的路径比较简单,推荐使用页头组件而非面包屑组件。基础用法templateel-page-header @back="goBack" con...
Carousel 走马灯在有限空间内,循环播放同一类型的图片、文字等内容基础用法适用广泛的基础用法结合使用el-carousel和el-carouse...
Drawer 抽屉有些时候,Dialog组件并不满足我们的需求, 比如你的表单很长, 亦或是你需要临时展示一些文档,Drawer拥有和Dialog几乎...
在做网页开发时,遇到内容很多的情况下,一般会使用分页来进行处理。在Bootstrap4中,我们可以通过.pagination类和.page-item来...
轮播是一个一个幻灯片组件,用来循环显示图片元素,或者滚动的文字。轮播创建以下实例创建了一个简单的图片轮播效果:实例:!DOC...
Bootstrap4支持多种浏览器和设备,不管是最新的还是一些较早的浏览器,都支持。具体支持哪一些,请看下面内容。支持的浏览器Boot...
默认情况下,axios 将 JavaScript 对象序列化为 JSON。要以 application/x-www-form-urlencoded 格式发送数据,你可以使用以下选...