要设置 a-menu-item 的选中状态,你可以使用 v-model 绑定或者 selectedKeys 属性。以下是详细的步骤和代码示例: 1. 使用 v-model 绑定 v-model 可以绑定到一个数组,该数组包含当前选中的菜单项的 key 值。当菜单项被选中时,该数组会自动更新以反映选中状态。 vue <template> <a-menu v-model="...
一、蚂蚁金服官方示例 1、openKeys 展开的a-sub-menu的key, key对应的是a-sub-menu上面绑定的key。如果绑定在a-menu上,对应的子菜单会打开 2、selectedKeys 受控选中的key,key对应的是a-menu-item上面绑定的key,如果被选中,会进行导航的跳转以及被给予高亮状态 3、 defaultSelectedKeys 默认选中的key,key对应的...
<template><a-menuv-model:openKeys="openKeys"v-model:selectedKeys="selectedKeys"mode="inline"theme="dark"><a-sub-menukey="1"><template#icon><pull-request-outlined/></template><template#title>sub1</template><a-menu-itemkey="1.1"><template#icon><PieChartOutlined/></template><i>option 1.1...
selectedKeys:当前选中的菜单项 key 数组defaultSelectedKeys:初始选中的菜单项 key 数组这两个属性为二选一使用,如果同时使用时,defaultSelectedKeys无效,将会以selectedKeys为准。 如果你只是希望指定一个初始化选中的菜单项,请使用defaultSelectedKeys;如果你需要每次通过传入不同的props改变Menu组件的选中项,请使用selectedKey...
render() { return ( <Menu theme="light" defaultSelectedKeys={['1']} mode="inline"> <Query query={FLOORS_QUERY}> {({ loading, error, data }) => { if (loading) return <h4> loading... </h4>; if (error) console.log(error); console.log(data); return ( <React.Fragment> {data...
在选中事件里面把他的样式给弄成 unset。或者你在控制台元素中调试,找到点击后的className,然后在css中写样式给覆盖掉 有用 回复 linkstar: 解决了,我在click事件里面把selectedKeys设置为空数组就可以了。 回复2022-10-18 来自湖北 查看全部 2 个回答
<template> <a-layout> <!-- 左侧导航 --> <a-layout-sider> <div> <a-menu :inlineIndent="inlineIndent" 菜单缩进 :defaultSelectedKeys="[$route.path]" 默认选中的节点 :openKeys="openKeys" 展开的节点 mode="inline" 菜单模式 :inline-collapsed="collapsed" 折叠方式 @openChange="onOpenChange" ...
render() { return ( <Menu onClick={this.handleClick} style={{ borderRight: '1px solid #e7e7eb',paddingTop:'13px' }} defaultOpenKeys={['user']} selectedKeys={[this.state.current]} mode="inline" > <MenuItemGroup> <Menu.Item style={{paddingLeft:"58px"}} key="normalUser">注册用户...
<Menu onClick={this.handleClick} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" className={'oneLevelCatalog'} > <SubMenu key="sub1" className={'twoLevelCatalog'} title={ <span> <span className={'twoLevelCatalogName'}>...
( <div> <Switch onChange={changeMode} /> Change Mode <Divider type="vertical" /> <Switch onChange={changeTheme} /> Change Style <br /> <br /> <Menu style={{ width: 256 }} defaultSelectedKeys={["1"]} defaultOpenKeys={["sub1"]} mode={mode} > </Menu> </div> ); }; ...