当前位置: 首页 > Web前端 > vue.js

解决Element-plus的el-ement组件在动态改变二级目录数据后default-active失效问题

时间:2023-03-31 20:37:29 vue.js

解决Element-plus的el-element组件在动态改变二级目录下的数据后default-active失效的问题目录下的数据就是问题所在。点击一级目录后,二级目录中的数据已经更新,但高亮状态消失(如:图2)。直到页面刷新后,解决方案才会显示。检查这里的route.path是正确的,二级目录数据也是正确的;所以按照dom加载和渲染的先后顺序定位问题个人认为:既然数据是对的,很有可能是因为dom属性还没有更新,重置了default-active,导致匹配到对应的导航方案.为二级目录设置v-ifwatch监听父组件传过来的数据,并改变v-ifletshowDom=ref(true);watch(()=>props.menuChildrens,()=>{showDom.value=false;//dom更新后渲染nextTick().then(function(){showDom.value=true;});});如有问题请联系作者并及时更正