elemenui puls el-menu default-active不更新问题

news/2024/10/20 9:31:52/

有时候我们的目录结构会重新刷新,但是default-active始终保持原来的下标

1.一开始我以为是我给定的属性或者值不对,后来经过一番排查发现根本不是

那我们该如何解决那?

方案1.

通过nextTick去重新赋值

方案2.

重写赋值menu

方案3.

v2和v3都可以通过$forceUpdate

方案4.

这种方式更劲爆直接绑定v-if重新去渲染

方案5.

这种方式更容易被忽略,很多人以为:default-active="index"就不用在绑定数据了这恰恰相反,我们还要在@select="handleOpen"去赋值这样下次我们改变default-active的时候下标才会生效,这也是往往会被遗漏的
<el-menu active-text-color="#3293f5" background-color="#ffffff" class="el-menu-vertical-demo box-menu":default-active="selectindex" text-color="#000" @select="handleOpen" :default-openeds="openeds"><el-sub-menu v-for="(item, index) in menu" :key="index"><el-menu-item v-for="(litem, lindex) in item.children" :key="lindex" :index="litem.index"><p class="submenu_item">{{ litem.name }}</p></el-menu-item><!-- <el-sub-menu index="1-4"><template #title>item four</template><el-menu-item index="1-4-1">item one</el-menu-item></el-sub-menu> --></el-sub-menu>
</el-menu>//触发选中事件
function handleOpen(params) {selectindex.value=params
}

http://www.ppmy.cn/news/1192885.html

相关文章

springboot+vue基于hive旅游数据的分析与应用【内含源码+文档+部署教程】

博主介绍&#xff1a;✌全网粉丝10W,前互联网大厂软件研发、集结硕博英豪成立工作室。专注于计算机相关专业毕业设计项目实战6年之久&#xff0c;选择我们就是选择放心、选择安心毕业✌ &#x1f345;由于篇幅限制&#xff0c;想要获取完整文章或者源码&#xff0c;或者代做&am…

【数据库】形式化关系查询语言(一):关系代数Relational Algebra:基本运算、附加关系代数、扩展的关系代数

目录 一、关系代数Relational Algebra 1. 基本运算 a. 选择运算&#xff08;Select Operation&#xff09; b. 投影运算&#xff08;Project Operation&#xff09; 组合 c. 并运算&#xff08;Union Operation&#xff09; d. 集合差运算&#xff08;Set Difference Op…

【星海出品】VUE(二)

版本管理器npm和yarn的区别 无论 npm 还是 Yarn 在执行包的安装时&#xff0c;都会执行一系列任务。npm 是按照队列执行每个 package&#xff0c;也就是说必须要等到当前 package 安装完成之后&#xff0c;才能继续后面的安装。而 Yarn 是同步执行所有任务&#xff0c;提高了性…

第一章 03Java入门

文章目录 前言一、下载和安装JDK二、第一个程序HelloWorld1.用记事本编写程序2.编译文件3.运行程序三、HelloWorld案例常见问题四、环境变量五、Notepad软件的安装和使用六、Java语言的发展七、Java为什么这么火八、JRE和JDK总结前言 上次我们学习了常见的CMD指令以及环境变量…

Excel中行列范围的转换

将 行&#xff1a;1,4-5,8,11 列&#xff1a;a,c-e,f 这种写法转换成单元格地址的方法。 public static Tuple<List<int>, List<string>> ConvertRowColumn(string rowRep, string colRep){List<int> rowIdxs new List<int>();rowRep rowRep.…

【Kubernetes】初识k8s--扫盲阶段

文章目录 1、k8s概述2、为什么要有k8s2.1 回顾以往的应用部署方式2.2 容器具有的优势 3、k8s能带来什么 1、k8s概述 kubernetes是一个可移植、可扩展的开源平台&#xff0c;用于管理 容器化 的工作负载和服务&#xff0c;可促进申明式配置和自动化。kubernetes拥有一个庞大且快…

StarkNet的Cairo知识简介

StarkNet 是一个构建在以太坊区块链上的二层扩展解决方案&#xff0c;它的目的是提供高效、可扩展的智能合约平台。它使用零知识证明技术&#xff08;Zero-Knowledge Proofs&#xff09;来实现私密性和可伸缩性。在 StarkNet 上&#xff0c;Cairo 是一种类似于 Solidity&#x…

树莓派安装Ubuntu22.04LTS桌面版

工具&#xff1a;树莓派4B Raspberry Pi 自己下载的ubuntu22.04LTS img磁盘镜像文件 这里有一个小技巧&#xff1a;这个Raspberry Pi的选择镜像的时候在最后面一行可以选择自定义的镜像&#xff0c;哈哈哈哈&#xff0c;这就使得我们可以自己下载&#xff0c;而且知道那个文…