开发者工具上可以滑动。真机调试不行
代码: <view class="jk-select-job" @scroll.stop="() => {}" style="height: 100%"> <view style="height: 100%; width: 100%; display: flex; flex-direction: row"> <view style="height: 100%; width: 240rpx" class="scroll-left"> <scroll-view scroll-y style="height: 100%"> <view v-for="(item, index) in jobClassList" class="['left-item text-ellipsis-nowarp', firstRank == index ? 'left-item-active' : '']" :key="index" @click="selectFirstRank(index)"><view v-if="firstRank == index" class="left-item-active-edge"></view>
{{ item.first_level_job_classify_name }}
</view>
</scroll-view>
</view>
<view class="scroll-right">
<scroll-view scroll-y style="height: 100%; padding: 16rpx 32rpx 0 32rpx" :scroll-into-view="'right-view' + intoViewIndex"
@scroll="scrollEvent">
<view v-for="(item, index) in jobClassList" :id="'right-view' + index" :key="index">
<view class="job-type"> {{ item.first_level_job_classify_name }}</view>
<view class="job-content" style="padding: 18rpx 0 34rpx 0">
<view v-for="(items, indexs) in item.second_level_job_classify_list" :key="indexs" style="{ 'margin-right': (indexs + 1) % 2 == 1 ? '14rpx' : '0' }" class="['right-item', secondRank == items.id || checkArray[index + '---' + indexs] ? 'right-item-active' : '']" @click="selectItem([index, indexs])">
{{ items.job_classify_name }}</view>
</view>
</view>
</scroll-view>
</view>
</view>
</view>
1 个回复
HRK_01
我这边官方示例在模拟器和真机上都可以正常横/纵向滑动,你提供的代码不够完整,我无法复现你的问题。