组件/导航组件

EBreadcrumb 面包屑

import EUI 1.0

示例与代码

面包屑

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EBreadcrumb { model: ["首页", "组件", "导航"] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

clickableLastbool

允许点击面包屑的最后一项。

默认值false

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

modelvar

面包屑路径项的数据数组。

文字数组，或对象数组
对象字段：text

默认值[]

separatorstring

路径或面包屑分隔文字。

默认值随当前语言变化

separatorIconint

组件使用的图标。

EIcons.*
0（无图标）

默认值0

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

countint只读

骨架实例数量或当前项目数量，具体含义由组件决定。

默认值由运行时计算

itemsvar只读

经过规范化或转换的项目列表。

默认值由运行时计算

信号

签名作用

clicked(int index, var item)

点击面包屑项时触发，index 为索引，item 为对应数据。