uni app实现左右联动

最新推荐文章于 2024-05-09 16:29:33 发布

shinjie1210

最新推荐文章于 2024-05-09 16:29:33 发布

阅读量1.1k

点赞数

文章标签： javascript vue.js uni-app

本文链接：https://blog.csdn.net/shinjie1210/article/details/118914880

版权

本文介绍了在uni-app中如何手动实现左右联动效果。通过编写DOM、设置高度、监听滚动事件，实现右菜单栏联动左内容栏以及左内容栏联动右菜单栏的功能。在过程中遇到了获取高度的延时问题，寻求优化建议。

摘要由CSDN通过智能技术生成

插件市场自带的插件不太好用还是手动写吧

编写dom

<scroll-view class="total" scroll-y="true"  :style="'height:'+height+'px'">
		<scroll-view scroll-y="true" class="title">
			<view v-for="(item,index) in cateList" class="name" :class="{active:index===cateindex}" @click="toggleclass(index)">
			<view>
				{
  {item.name}}
			</view>
			</view>
		</scroll-view>
		<scroll-view scroll-y="true" class="goods" :scroll-into-view="cateview" @scroll="changetitle">
			<view v-for="(item,index) in cateList" class="etc" :id="'item'+index" >
				<view v-for="(child,code) in item.app_category_items" c