标签元素绑定的id 属性会被追加一串随机数 id="edd00d78--today" 导致scroll-into-view="today" 失效

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window10 64

HBuilderX类型：正式

HBuilderX版本号： 3.3.13

第三方开发者工具版本号： 1.05

基础库版本号： 2.23.4

项目创建方式： HBuilderX

示例代码：

<scroll-view scroll-x="true" scroll-into-view="today">  
            <view class="list">  
                <view  
                    :id="item.date === today ? 'today' : ''"  
                    class="item"  
                    :class="[item.date === curDate ? 'cur' : '', item.date === today ? 'today' : '']"  
                    :key="idx"  
                    v-for="(item, idx) in list" @click="switchDate(item.date)">  
                    <view class="week">{{item.weekName}}</view>  
                    <view class="date">  
                        <view class="num">{{item.date !== today ? item.day : '今'}}</view>  
                    </view>  
                </view>  
            </view>  
        </scroll-view>

操作步骤：

<scroll-view scroll-x="true" scroll-into-view="today">  
            <view class="list">  
                <view  
                    :id="item.date === today ? 'today' : ''"  
                    class="item"  
                    :class="[item.date === curDate ? 'cur' : '', item.date === today ? 'today' : '']"  
                    :key="idx"  
                    v-for="(item, idx) in list" @click="switchDate(item.date)">  
                    <view class="week">{{item.weekName}}</view>  
                    <view class="date">  
                        <view class="num">{{item.date !== today ? item.day : '今'}}</view>  
                    </view>  
                </view>  
            </view>  
        </scroll-view>

预期结果：

id="today"

实际结果：

实际打包后 id="edd00d78--today"

bug描述：

标签元素绑定的id 属性会被追加一串随机数 id="edd00d78--today" 导致scroll-into-view="today" 失效

2022-04-11 15:31 负责人:无分享

6 个回复

f***@163.com

同遇到这个问题，解决了吗？

2***@sina.com (作者)

还没，在线等官方救火队员。。。

2***@qq.com

今天也在找这个问题的解决方案，我在另外一篇文章中看到，这个问题是需要通过设置scroll-view的高度，来解决的，如：
<scroll-view style="height: 200px" scroll-y :scroll-into-view="scrollViewId"></scorll-view>
以此评论，希望后面的有问题的，可以参考这个方法解决