不懂你的意思，是點擊后添加一個active顏色，其余tr顏色重置嗎？還是點一個添加一個顏色，其余的不會重置。前者的話類似于

 <ul class="list">
            <li v-for="(item,index) in list" @click="aaa(index)" :style="{'background':activeindex===index?'red':''}">{{index}}</li>
        </ul>
 data:{
     activeindex:''   
}       
         aaa:function(n){
            this.activeindex = n;
        }

后者的話
moduleList里面加加一個控制顏色的屬性，綁定:class="{'red':item.color}"就行了，當(dāng)然直接綁style也行

能用css實現(xiàn)的就用css實現(xiàn), 不能用css的就用viewModel實現(xiàn),就是點擊的時候改變當(dāng)前這條數(shù)據(jù),然后在渲染的時候判斷數(shù)據(jù)

<tbody v-for="(item,index) in moduleList">
  <tr 
  @click="changeTr(index,-1)" 
  :class="{'otherColor' : clickIndex === index + '|-1'}">
    <td v-html="moduleList[index].moduleName"></td>
    <td v-html="moduleList[index].moduleUrl"></td>
    <td>
      <i :class="moduleList[index].moduleIconCss[0]+' enable'"></i>
    </td>
    <td class="enableNum" v-html="moduleList[index].moduleOrder"></td>
    <td class="enableState">
      <i :class="moduleList[index].moduleIconCss[1]+' enableW'"></i>
      <i :class="moduleList[index].moduleIconCss[2]+' enableR'"></i>
    </td>
  </tr>
  <tr
  v-for="(item,childrenIndex) in item.children"
  @click="changeTr(index,childrenIndex)"
  :class="{'otherColor' : clickIndex === index + '|' + childrenIndex}">
    <td>
      <i :class="item.moduleIconCss[3]"></i>{{item.moduleName}}</td>
    <td v-html="item.moduleUrl"></td>
    <td>
      <i :class="item.moduleIconCss[0]+' enable'"></i>
    </td>
    <td class="enableNum" v-html="item.moduleOrder"></td>
    <td class="enableState">
      <i :class="item.moduleIconCss[1]+' enableW'"></i>
      <i :class="item.moduleIconCss[2]+' enableR'"></i>
    </td>
  </tr>
</tbody>

data:{
    clickIndex: ''
},
methods:{
    clickTr(index,childrenIndex){
        this.clickIndex = index + '|' + childrenIndex
    }
}