对于之前钟倩文提出的如何实现类似于点击后实现分页效果,
目前我看到的有两种解决的方案,
一种是<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.
网友评论