小程序scroll-view横向滑动无效果

本人的开发框架是用的taro的vue模式。其他情况没有尝试

今天写小程序时候用到了scroll-view组件，设置横向滚动时候没有效果，已经设置了scroll-x 代码如下

<scroll-view scroll-x class="bottomButton">
        <button class="itemButton" v-for="baby in babys" :key="baby.id">
          {{baby.name}}
        </button>
</scroll-view>

在网上看到别人的文章，要修改两处地方：

1. scroll-view的样式中要设置white-space:nowrap;且宽度要设置
2. 子元素display：inline-block；代码如下

.bottomButton {
            height: 40PX;
            width: 100%;
            white-space:nowrap; // 修改1:防止子元素换行
            .itemButton {
                height: 40PX;
                line-height: 40PX;
                width: 60PX;
                margin: 0PX;
                display:inline-block; // 修改2:将自元素变成行内快
            }
}

代码改动后还是没有效果，最终发现是因为scroll-x设置问题，代码要写成:scroll-x="true",才会有效果。而且只有scroll-x会有这样的问题，scroll-y就不需要明确写出值为true，文档中明确说要显示写出true，所以最好都不要省略