vue中使用cube-ui实现横向滚动

vue中使用cube-ui实现横向滚动，可参考文档https://didi.github.io/cube-ui/#/zh-CN/docs/scroll，

下面是在编写的时候遇到的问题，做出的的总结

   
      

        

          
            
            
{{item.title}}
          
        
      
    

要在当前页给cube-scroll-content设置display: inline-block;

设置滚动宽度

    methods: {     
      menuStyle(){
        this.menuWidth=this.navData.length*188
      }

    },
    created() {
      this.menuStyle()
    }