表单控件-tab标签

tab标签控件是添加一个tab容器布局控件。

image.png

类型:标签样式类型。

    默认(default):

    image.png

    card:

    image.png

    border-card:

    image.png

位置:tab标签位置。

    top:在上方。

    image.png

    left:在左边。

    image.png

    right:在右边。

    image.png

    bottom:在下方。

    image.png

image.png

标签标题:tab标题。

图标:tab标题前面显示的图标。

image.png

自定义:即自定义标题插槽内容。

    示例:

    image.png

    image.png

    如果要使点击TEST按钮不切换标题,则使用事件中的切换标签前的钩子函数:

    image.png

事件:

    image.png

    tab-click:tab点击时触发,参数value表示当前tab标签对象。

    tab-change:标签activeName值改变时触发,参数value表示当前TabPaneName。

    before-leav:标签切换前的钩子函数,如果返回false则不切换标签,返回true切换标签,参数(activeName, oldActiveName)。

联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有