资深app,小白html求助:layui中怎么不刷新页面,在业内加载新html,如图

提问 未结
4 179
小飞云
小飞云 2018-7-25
悬赏:50飞吻


不好意思,一直做app,初次接触layui觉得挺好的,但是碰到一个简单的问题,就是用什么方法在不刷新页面的时候,能在指定位置加载新的html。

本来以为layer.open 可以解决,但是它是一个弹窗的方式,而我想要如图,左侧点击不同的菜单,右侧能加载不同的html,主框架不刷新。

还请大家指教!
回帖
  • 贤心
    贤心 (管理员)
    2018-7-25
    目前 layuiAdmin 的单页版即采用无刷新页面跳转
    0 回复
  • 小飞云
    2018-7-26
    @贤心 居然心姐能亲自回复html小白,那就斗胆问问,
    其实刚才研究文档,发现我要的是iframe的方式。

    按照以前的经验,我会设置一个锚点跳转:
    <a href="#service1">打开iframe</a>
    然后监听到这个点击:
    window.addEventListener("hashchange", funcRef, false);
    并在上述监听后让iframe去加载新的url。
    但好像这个方法太传统了,而且iframe要自己写代码去做高度自适应,感觉很传统。

    请教心姐layui是怎么完成上述iframe联动的?(好像和lay-href有关?)
    3q!
    0 回复
  • 前端路由了解一下
    0 回复
  • 小飞云
    2018-7-26
    @MoCno 兄弟,说的不是这个问题,是想问问layui有没有组件或者方法,能直接控制iframe的?比如lay-href传递参数
    0 回复