layui點擊左側導航欄,實現不刷新整個頁面,只刷新局部的方法

 

 刷新按鈕的樣式

<li class="layui-nav-item" lay-unselect="">
            <a href="javascript:;" layadmin-event="refresh" title="刷新">
              <i class="layui-icon layui-icon-refresh-3"></i>
            </a>
          </li>

 

給導航欄加上 layadmin-event="refresh"

      <li data-name="home" class="layui-nav-item layui-nav-itemed">
              <a href="javascript:;" lay-tips="主頁" lay-direction="2" >
                <i class="layui-icon layui-icon-home"></i>
                <cite>主頁</cite>
              </a>
              <dl class="layui-nav-child">
                <dd data-name="console" class="layui-this">
                  <a lay-href="/admin/index/console" layadmin-event="refresh">控制台</a>
                </dd>
                <dd data-name="console">
                  <a lay-href="/admin/index/homepage1" layadmin-event="refresh">主頁一</a>
                </dd>
                <dd data-name="console">
                  <a lay-href="/admin/index/homepage2.html" layadmin-event="refresh">主頁二</a>
                </dd>
              </dl>
            </li>