1.1 初始化segment
ionic4 segment组件+slides实现页面左右滑动
1.2在对应的ts中
ionic4 segment组件+slides实现页面左右滑动
1.3设置默认选择第一个
ionic4 segment组件+slides实现页面左右滑动
1.4 segement的click事件触发,改变下面slide值的ts
ionic4 segment组件+slides实现页面左右滑动
2.1 初始化slide
ionic4 segment组件+slides实现页面左右滑动
页面滑动幻灯片时触发的方法
2.2对应的ts
ionic4 segment组件+slides实现页面左右滑动
滑动幻灯片的时候,获取当前幻灯片的值,然后改变segmengmodel的值,即让上面的segment跟着滑动显示。

最后附上实现的效果图:
ionic4 segment组件+slides实现页面左右滑动

相关文章: