Gunakan kelas pseudo aktif dalam css

<template>
  <p>
    <list class="list">
      <cell
        v-for="(v,i) in rows"
        append="tree"
        :index="i"
        :key="i"
        class="row">
        <p class="item">
          <text class="item-title">row {{v.id}}</text>
        </p>
      </cell>
    </list>
</text>
  </p>
</template>

<style scoped>
  .list {
    height:850px
  }
  .count {
    font-size: 48px;
    margin:10px;
  }
  .indicator {
    height: 40px;
    width: 40px;
    color:#45b5f0;
  }
  .row {
    width: 750px;
  }
  .item {
    justify-content: center;
    border-bottom-width: 2px;
    border-bottom-color: #c0c0c0;
    height: 100px;
    padding:20px;
  }
  .item:active {
     background-color: #00BDFF;
   }
  .item-title {
  }
</style>

Sila rujuk http://weex.apache.org/cn/ref...

Untuk mencapai kesan seperti pilih radio, anda mungkin boleh melakukan ini:
Gunakan medan yang dipilih pada baris semasa untuk menentukan sama ada ia dipilih, dengan itu menukar struktur background-color
Dom seperti berikut:

<list>
<cell v-for="(item,index) in listData" v-bind:style="{'background-color':(item.selected?'#dddddd':'#ffffff')}" @click="onSelected(item,index)">
<p>
<text>{{item.text}}</text>
</p>
</cell>
</list>

Struktur js adalah seperti berikut:

data: {
    "listData": [
                {'text': '开发者头条', selected: false},
                {'text': '腾讯新闻', selected: false},
                {'text': '搜狐娱乐', selected: false},
                {'text': '优酷视频', selected: false}
            ]
},
methods:{
    "onSelected":function(item,index){
         if (item.selected) {
           this.listData[index].selected = false;
         } else {
           this.listData[index].selected = true;
         }
    }
}

Semoga ia dapat membantu anda