```html
<div class="demo-block" id="number-roller-demo1">
  <lx-number-roller
    :number="number"
    :width="6"
    class="vux-center-h"
  ></lx-number-roller>
  <lx-divider>set width dynamically</lx-divider>
  <lx-number-roller
    :number="number2"
    :width="length"
    class="vux-center-h"
  ></lx-number-roller>
</div>


<script>
// Number-roller.md
new Vue({
  el: '#number-roller-demo1',
  data: {
    number: 123765,
    number2: 88
  },
  computed: {
    length () {
      return String(this.number2).length
    }
  },
  created () {
    setInterval(() => {
      this.number = 100000 + Math.round(Math.random() * 899999)
    }, 3000)
    setTimeout(() => {
      this.number2 = 333
    }, 3000)
    setTimeout(() => {
      this.number2 = 333
    }, 5000)
    setTimeout(() => {
      this.number2 = 88
    }, 8000)
  }
})
</script>
```