iview使用Menu动态生成时active-name没反应

最新推荐文章于 2024-04-03 16:36:47 发布

hcq_qh

最新推荐文章于 2024-04-03 16:36:47 发布

阅读量653

点赞数 1

分类专栏： iview 文章标签： vue.js

本文链接：https://blog.csdn.net/hcq_qh/article/details/107199511

版权

iview 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

updateOpened 手动更新展开的子目录
updateActiveName 手动更新当前选择项
先绑定ref（如side_menu）,然后在updata写入方法
一定要调用this.$nextTick

this.$nextTick(() => {
    this.$refs.side_menu.updateOpened()
    this.$refs.side_menu.updateActiveName()
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hcq_qh

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue自定义表单生成器form-create使用详解

10-16

Vue 自定义表单生成器 `form-create` 是一个强大的工具，它允许开发者根据 JSON 参数动态地生成表单，极大地简化了复杂表单的构建过程。`form-create` 支持 Vue 的各种组件，并且提供了丰富的功能，如动态渲染、数据...

iview2.0中动态生成Menu时，设置activeName不生效的解决办法

chenghundong6989的博客

06-21

789

最初的核心代码，最终代码将在本文最后贴出。 <template> <Menu theme="light" :activeName="activeKey" @on-select="select"> ...

参与评论您还未登录，请先登录后发表或查看评论

vue+iview 静态路由菜单栏

不积跬步何以至千里

09-02

1786

一、menu模块 <Menu ref="leftmenu" @on-select="selectItem" @on-open-change="isCollapsed=false" :active-n...

vue使用iview导航栏Menu activeName不生效

最新发布

jiuliangliang的博客

04-03

597

根据ivew官网的提示，设置了active-name和open-names以后，发现不管是设置静态是数据还是设置动态的数据，都不生效。在设置动态名称的时候，调用menu组件的两个方法。现在将我的代码放出来，可供参考。

iview menu active-name 无效的问题

qq_20659519的博客

01-16

1993

vue menu active-name 无效的问题：场景：Menu组件设置active-name属性无效。原因：因为active-name 生效之后，menu是从接口请求回来的。这时候this.menus 被重新赋值，触发数据变更事件，menu组件又重新渲染。active-name应该只在初次加载时执行一次，这个目前只是猜测，后续会查找相关资料（有谁知道，麻烦告诉一下哈）。解决方法...

iview中刷新页面的时候更新导航菜单的active-name

冰雪为融的博客

10-20

1万+

在做项目的时候，遇到一个问题，当刷新页面的时候，导航的激活菜单和当前显示的组件不匹配，查了一下官网（https://www.iviewui.com/components/menu），寥寥几句话就说完了，至于怎么实现没有详细说明 Menu methods: 方法名说明参数 updateOpened 手动更新展开的子目录，注意要在 $nextTick 里调用无 up...

iView-admin 动态路由问题的解决方法

10-17

在使用iView-admin框架开发应用时，动态路由的设置与管理是至关重要的，尤其是在处理包含参数的路由时。本篇文章主要解决了一个特定的动态路由问题，即在跳转至客户详细页面后，再次通过选项卡进入时出现错误，无法...

基于iview-admin实现动态路由的示例代码

10-16

通过本文介绍的基于iview-admin框架的动态路由实现示例，相信读者可以更好地理解动态路由的原理和实现方法，并能将其应用于实际项目中。动态路由的实现不仅提高了应用的灵活性，也大大增强了应用的安全性和可维护性...

使用form-create动态生成vue自定义组件和嵌套表单组件

10-17

在本文中，我们将深入探讨如何使用`form-create`来动态生成vue自定义组件和嵌套表单组件。首先，`form-create`的核心在于`maker`对象，它提供了一系列的方法来创建不同类型的组件。例如，`maker.create()`可以用来...

基于IView中on-change属性的使用详解

08-27

基于IView中on-change属性的使用详解 IView是一个基于Vue.js的UI组件库，它提供...因此，在开发Web应用程序时，需要充分了解IView的on-change属性的使用方法，并使用IView提供的其他组件和指令来快速构建Web应用程序。

iview menu 结合路由域计算属性改变菜单选中状态

weixin_44000275的博客

09-03

677

前言之前写的一篇自制手风琴模式的菜单文章，只能实现点击切换和刷新切换菜单项的选中状态，在用其他方式如this.$route.push跳转时，发现菜单并没有改变选中状态，这里记一下，法线用这里的方法比之前的更加简洁简单。代码 html：actName是计算属性名，openName是data中的一个字段 :active-name='actName' :open-names="openName" javascript data: activeName:'1',//选中菜单项

vue+iview实现手动打开某一个菜单，应用updateActiveName和updateOpened方法

燕辞桐镯的博客

03-23

1392

问题描述：当点击页面中的按钮想要改变菜单的选中项时，往往最想想到的是改变active-name和open-names中的值，但是直接改变这两个值并不能直接生效，有兴趣的可以打印下菜单的属性，会发现其实是已经改变了选中的选项，但是页面没有给与更新，所以我们需要用到iview菜单中提供的updateActiveName和updataOpened来进行实现。 1.首先我们需要一个写好的菜单栏，主要注意的是ref的值，以及操作菜单选项的值active-name和open-names的值。（注：本方法采用的是父子组件

iview导航菜单updateOpened和updateActiveName的使用

anmi7832的博客

03-20

1833

先看官方文档： iview导航菜单这里主要遇到的问题有两个： 1. 点击回到首页（B按钮）时需要取消选中当前选中的菜单项（全部不选中），这里用到的是updateActiveName方法 2. 点击收起菜单（A按钮）时，关闭所有展开的子菜单（只展示一级菜单），这里要用到的是updateOpened方法截图如下：先看下这两个方法的文档说明，直接看不是很清楚到...

vue+iView 动态侧边栏菜单保持高亮选中

weixin_44794123的博客

10-27

976

iview 动态菜单渲染后，刷新或链接跳入页面侧边栏菜单没有保持高亮选中问题。

iview 动态渲染menu时active-name无效的问题

weixin_30902251的博客

09-05

468

动态渲染menu时，如果需要active-name，那么name只能绑定index，动态渲染的数组初始必须有一个空对象。否则无法使用active-name属性。注：仅限3.0版本，不排除新版本修复的可能！ <Menu active-name="0" :theme="processManagementTheme" width="auto" @on-...

iview使用Menu组件动态生成时active-name不起作用