2018-7-7

作者: 16孙一凡通工 | 来源:发表于2018-06-03 21:29 被阅读0次

对于之前钟倩文提出的如何实现类似于点击后实现分页效果,
目前我看到的有两种解决的方案,

一种是<iframe>,举个例子,左右分页效果,

在其中一个<div></div>,定义左侧部分为导航,定义右侧部分为主体显示页面,
在主体部分写入 <iframe name="main" id="main"></iframe>,
左侧部分的链接加入属性target='main'。

还有一种方案是vue中的动态组件

如果你不了解组件基础,请点击https://cn.vuejs.org/v2/guide/components-registration.html/

第一步:

写出你的导航栏和主体部分,
导航栏加方法,主体部分加入组件,

第二步:

定义组件 components:{............}
同时写入方法,这是我的方法,
通过修改显示组件名称来修改
handleChangeView:function(component){ this.currentView='com'+component; }
That's all,thank you.

相关文章

  • 2018-07-07洋葱阅读北京读书会

    分享是最好的学习 【主题】“洋葱海盗”——《见识》共读 【时间】2018-7-7 18:00--20:30 【地点...

  • 2018-7-7

    2018年7月7日,雨。 结束一天的工作,满心疲惫回到家已是七点半,被榨干的身体只想瘫在沙发上。偌大一个城市带来的...

  • 2018-7-7

    践行人员]肖永辉(父),刘芳(母),肖雯心(女宝) [打卡日期]:2018年7月7日 [累计天数]:2/30 #宣...

  • 2018-7-7

    (万尚学习会)打卡第125天 姓名:徐娟 部门:人事部 组别:待定 【知~学习】 《京瓷哲学》第一章“度过美好的人...

  • 2018-7-7

    看着今天的日期突然想起一首歌《七月七日晴》、那个时候的我还在上学,那个时候特别跟一个女生玩,无论自己发生什么事情都...

  • 2018-7-7

    【_学龄后】 打卡日期:2018年7月 7日 打卡累计天数: 2/30 #宣言(如:真正的陪伴是和孩子一起成长)#...

  • 2018-7-7

    会有人问:为什么不想结婚?不想谈恋爱? 之前网上看过一个段子:是电视不好玩,还是手机不好刷,跑去谈恋爱?其实,有时...

  • 2018-7-7

    施雯同学: 在一起之后的第一个七夕 很遗憾不能和你一起共度良宵 时间过得很快 我们互为伴侣已经快半年了...

  • 2018-7-7

  • 2018-7-7

    “没考上就没考上,要我说考那个也没什么用,我之前只是怕说出来你更没信心才没说”,当你说出这句话的时候我知道我最初的...

网友评论

      本文标题:2018-7-7

      本文链接:https://www.haomeiwen.com/subject/etghfxtx.html