基于uni-app框架的小程序——点击跟随事件 _左边

-view（组件）
可滚动视图区域，用于区域滚动。（需要注意在渲染的页面中，区域的性能不及页面滚动）。
在这个案例，我们需要用到的属性有-y、-into-view、-with-、@这几个属性；类型、默认值、说明等截图做了解释。当然，当我们遇到某些功能时，也可自己查看文档。
使用竖向滚动时，需要给一个固定高度，那么我们怎么设置？
大概的意思就是通过uni.()中有一个成功的回调函数，且这个回调函数中的参数中有一个，是我们需要的——可使用窗口高度。
onLoad(){// 动态获取中间需要滚动的高度uni.getSystemInfo({success:(res)=>{this.scroolH = res.windowHeight}})}
使用横向滚动时，需要给添加white-space: ;样式。
{{i.name}}
我们可以看到，我们给标签设置的是纵向高度，并且给-into-view这个属性动态绑定了一个字段()【在data中事先定义过了】，-into-view这个属性将绑定的一个字段（非数字开头的id），也就是我们在data中定义的。
所以我们在（标签的子元素）动态绑定了一个非数字的id【:id=" 'tab'+index"】。标签这个父元素为了跟随这个子元素，-into-view这个属性动态绑定的字段()的值是和这个子元素的id是同步的。所以在这个子元素上绑定了一个方法（），这个方法会把当前点击的tab的index传给我们，然后我们通过【this. = 'tab'+ index】也就同步了和的Id 。
data() {return {currentIndex:0,leftscrollinto:'',rightscrollinto:'',cate: [],scrollH:'',rightTop:[]}},
methods:{changeIndex(index){this.currentIndex = indexthis.leftscrollinto = 'tab'+ indexthis.rightscrollinto = 'rightscrollinto'+index}}
当然，我们点击某一个索引时，是有样式的，这就用到了动态绑定样式的，我们可以用三元表达式，当 == index时，即当我们点击的tab的Index就是当前索引时，就给它赋予一个类名（带有样式）。
emm……这个效果图有点丑，但不影响我们观看效果。
当我们点击左边的tab时，右边也会对应跟随，这个不难，我们来看一下代码：
结构：
{{i.name}}{{item.name}}
methods:{changeIndex(index){this.currentIndex = indexthis.leftscrollinto = 'tab'+ indexthis.rightscrollinto = 'rightscroll'+index}}
当我们改变index时，左右两个盒子的-into-view的值会有相应的改变，即跟随点击的子元素id 。