mand-mobile 组件库 tab-bar组件滚动问题

mand-mobile 组件库 tab-bar组件滚动问题

问题描述：tabbar组件 在目测可放下一定数据的情况下，仍显示滚动条，希望只有在数据太多时才出现

产生原因：
研究它tabbar组件源码发现，滚动是对比两个宽度来决定的

computed: {
    scrollable() {
      return this.contentW > this.wrapperW
    },
}

由于不同屏幕宽度，计算出来的宽度会有不能完全平分的情况，导致
this.contentW 计算结果为 369.859， 而this.wrapperW 为369.84，从而引起页面滚动

解决办法：
在引用该组件的页面中添加样式

<style lang="stylus" scoped>
/deep/ .md-tab-bar-list {
  min-width: calc(100% - 2px);
}
</style>

一定要添加 scoped 否则不起效

曾尝试用 this.$refs.tabbar.contentW 修改宽度，但会触发它组件重新计算 无效