Layui 사이드바 클릭 시 점프하는 방법

layui 사이드바에서 클릭 점프를 구현하려면 다음 단계를 따라야 합니다. 점프 경로를 정의하고 메뉴 항목의 href 속성에 대상 경로를 지정합니다. layui 수신 이벤트를 추가하고, 메뉴 항목 클릭을 수신하고, 지정된 경로로 이동합니다. 선택적으로 탐색 메뉴 항목의 클릭 점프를 자동으로 처리하는 탐색 측면 사이드바 탐색 구성 요소를 사용합니다.

layui 사이드바에서 클릭 점프를 구현하는 방법은 무엇인가요?

layui 프레임워크에서 사이드바에 클릭하여 점프를 구현하는 방법은 다음과 같습니다.

1. 점프 대상 경로를 정의합니다.

에서 사이드바 메뉴의 태그에서href속성을 사용하여 점프 대상 경로를 지정합니다:标签中，使用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

위 내용은 Layui 사이드바 클릭 시 점프하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!