<template> <div> <wb-tabs :selected.sync="selectedTab"> <wb-tabs-nav> <template slot="actions"><button>设置</button></template> <wb-tabs-item name="user"> 用户管理 </wb-tabs-item> <wb-tabs-item name="config"> <wb-icon icon="settings"></wb-icon> 配置管理 </wb-tabs-item> <wb-tabs-item name="role" disabled> 角色管理 </wb-tabs-item> </wb-tabs-nav> <wb-tabs-content> <wb-tabs-pane name="user">用户管理相关内容</wb-tabs-pane> <wb-tabs-pane name="config">配置管理相关内容</wb-tabs-pane> <wb-tabs-pane name="role">角色管理相关内容</wb-tabs-pane> </wb-tabs-content> </wb-tabs> </div> </template> <script> export default { data(){ return{ selectedTab:'user', } } } </script>
← Message消息提示 Popover弹出框 →