# 目录

支持通过目录组件来标识长页面中当前所处的位置,以及页面跳转等功能。

# 概念说明

# 属性

组件通用属性请参见组件通用说明

# 目录组件

  • 选中值:当前选择的值。

# 目录节点

  • 选项值:集合的元素类型中,用于标识选中值的属性。
  • 链接类型:支持页面跳转、下载链接。
  • 链接地址:链接的详细地址。
  • 链接打开方式:可选新窗口、父级窗口、当前窗口和顶级窗口,其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况,若不存在嵌套,则打开方式同当前窗口。
  • 禁用:置灰显示,且禁止任何交互(焦点、点击、选择、输入等)。

# 事件

  • 目录组件支持设置选择前和选择后事件。

    image-20220919091447449

    选择前:选择目录某一项前触发。

    选择后:选择目录某一项后触发。

  • 目录节点支持设置点击事件。

    image-20220919092919601

# 样式

样式说明请参见组件通用说明

# 示例

# 功能需求

搭配锚点文件实现指定位置的跳转。

# 操作步骤

  1. 在各个指定位置设置锚点。

    image-20230208111203746

  2. 在锚点属性中设置锚点标识,如图中的01。

    image-20230208111423249

  3. 拖入目录组件。

    image-20230208111521610

  4. 在目录组件的目录节点属性中,选择页面跳转链接地址。

    image-20230208111650089

  5. 选择指定的页面,并单击高级设置

    image-20230208111739454

  6. 使用文本组件填入锚点的标识,设置跳转的锚点。

    image-20230208112124970

  7. 发布应用后即可生效,单击目录节点,即可跳转到指定页面的指定锚点位置。

上次更新: 2023年06月15日