Comment sauter en cliquant sur la barre latérale de Layui

Pour implémenter le saut par clic dans la barre latérale layui, vous devez suivre les étapes suivantes : définir le chemin de saut et spécifier le chemin cible dans l'attribut href de l'élément de menu. Ajoutez des événements d'écoute layui, écoutez les clics sur les éléments de menu et accédez au chemin spécifié. Vous pouvez éventuellement utiliser le composant de navigation de la barre latérale latérale lay-nav, qui gère automatiquement le saut par clic des éléments du menu de navigation.

Comment implémenter le clic-saut dans la barre latérale de Layui ?

Dans le framework layui, la méthode pour implémenter le clic pour sauter dans la barre latérale est la suivante :

1 Définissez le chemin cible du saut

Dans le. balise du menu de la barre latérale, utilisez l'attributhrefpour spécifier le chemin cible du saut :标签中，使用href属性指定跳转目标路径：

 
   首页  
 
   关于  
 

2. 添加 layui 监听事件

在页面加载后，通过 layui 的监听事件，监听侧边栏菜单项的点击事件：

layui.use('element', function() { var element = layui.element; // 监听侧边栏菜单项点击事件 element.on('nav(lay-system-side-menu)', function(data) { var url = data.elem.getAttribute('href'); // 执行页面跳转 window.location.href = url; }); });

3. 使用 layui 侧边栏导航组件

layui 还提供了一个专门用于侧边栏导航的组件，lay-nav-side：

 
 
 
   首页  
 
   关于  
 
 
 

在使用lay-nav-siderrreee

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!