weex scroller click 事件，更改data value 值后，没有 react 驱动页面变化

Question

Dotwe链接

selectedIndex 变化之后，相应的view 没有变化

<template>
  <div class="wrapper">
    <scroller class="scroller">
      <div class="row" v-for="(name, index) in rows" :ref="'item'+index">
        <text class="text" :ref="'text'+index" v-on:click="log(index)" v-bind:class="[name.selected ? 'testClass' :'']">{{name.text}}</text>
      </div>
    </scroller>
    <div class="group">
      <text @click="goto10" class="button">Go to 10</text>
      <text @click="goto20" class="button">Go to 20</text>
    </div>
  </div>
</template>

<script>
  const dom = weex.requireModule('dom')

  export default {
    data () {
      return {
        rows: [],
        selectedIndex: 0,
        currentIndex: 0
      }
    },
    created () {
      for (let i = 0; i < 30; i++) {
        this.rows.push({text: 'row ' + i, selected: false})
      }
    },
    methods: {
      isActive(index) {
        
      },
      goto10 (count) {
        const el = this.$refs.item10[0]
        dom.scrollToElement(el, {})
      },
      goto20 (count) {
        const el = this.$refs.item20[0]
        dom.scrollToElement(el, { offset: 0 })
      },
      log(index) {
        console.log(index);
        var pre = this.rows[this.selectedIndex];
        pre.selected = false;
        this.selectedIndex = index;
        var name = this.rows[index];
        name.selected = true;
      }
    }
  }
</script>

<style scoped>
  .scroller {
    width: 700px;
    height: 700px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(162, 217, 192);
    margin-left: 25px;
  }
  .row {
    height: 100px;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
  }
  .text {
    font-size: 45px;
    color: #666666;
  }
  .group {
    flex-direction: row;
    justify-content: center;
    margin-top: 60px;
  }
  .button {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 40px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    color: #41B883;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(162, 217, 192);
    background-color: rgba(162, 217, 192, 0.2);
  }
  
  .testClass {
    background: red;
  }