所以把问题定位到dom加载及渲染顺序上 个人想法:既然数据都是正确的,很有可能就是因为dom还未更新完成,就重新设置了default-active属性,导致匹配不到相应的导航 解决方法来了 给二级目录设置v-if <el-menu v-if="showDom" router :default-active="$route.path"></el-menu> watch监听父组件传递过来的数据,在...
activeIndex.value="0"; 解决:nuxt是服务端渲染框架,使用client-only标签使该组件仅在客户端渲染,然后问题就解决了 代码语言:javascript 复制 <client-only><el-menu:default-active="activeIndex"mode="horizontal"active-text-color="#409EFF"><template v-for="(item,index) in menuList"><el-menu-item v...
<el-date-picker class="form_date_picker"v-model="formData.orderTime"format="YYYY-MM-DD HH:mm:ss"value-format="YYYY-MM-DD HH:mm:ss"type="datetimerange"range-separator="-"start-placeholder="开始时间"end-placeholder="结束时间":default-time="defaultTime":disabled-date="disabledDate" /> impo...
在使用Element Plus时,你可以根据需要设置`default-active`属性,以便在页面加载时自动激活特定的组件或组件列表。例如,如果你有一个导航栏组件,并且希望默认激活第一个菜单项,你可以将`default-active`属性设置为`true`。 以下是一个示例代码片段,展示了如何在Element Plus中使用`default-active`属性: ```html <el...
我们可以通过设置el-menu的default-active属性来设置当前激活菜单的index 但是default-active属性也不能写死,固定为某个菜单值 所以我们可以先给所有的二级菜单添加点击事件,并将path值作为方法的参数 @click="saveNavState('/'+subItem.path)" 在saveNavState方法中将path保存到sessionStorage中 ...
Bug Type: Component Environment Vue Version: 3.4.21 Element Plus Version: 2.7.7 Browser / OS: windows 10 Build Tool: Vite Reproduction Related Component el-menu Reproduction Link Element Plus Playground Steps to reproduce 点击菜单观察控制台active...
我使用 vue 和element-plus 和tauri 尝试构建了桌面应用程序。 在element-plus官网的例子中,Menu菜单中的 测栏的例子 官网链接 中的SubMenu中的title插槽在 tauri中显示不出来。但是我使用浏览器firfox打开是能够显示出来的。版本信息和代码在后面。显示效果如图: tauri中的显示:tauri中渲染的html:firefox中的效果: ...
Sunday 2022-02-23 16:43:19 源自:5-19 方案落地:element-plus 新主题的立即生效 724 分享 收起 1回答 提问者 Sunday 2022-02-23 16:44:01 代码已提交至仓库。 具体解决方案可查看该问答:https://coding.imooc.com/learn/questiondetail/259644.html 0 回复 ...
菜单项无法正确激活:检查 default-active 或动态绑定的激活索引是否正确。 子菜单无法正确展开:确保子菜单的索引是唯一的,并且没有语法错误。 样式定制不生效:如果使用了 CSS 变量进行样式定制,请确保在正确的范围内应用了这些变量。 额外使用技巧: 动态生成菜单:可以通过 Vue 的数据绑定和计算属性来动态生成菜单项,提...