list - VueJs - Element UI : アクティブなクラス el-radio を変更する方法

Question

el-radioがクリックされてアクティブなクラスリストになり、アクティブなバックグラウンドクラスリストが青色のときにliクラスを変更したい。

ここに私のコードがあります:

ul class="list-class">
    <li v-for="(item, index) in dataList" :key="index">
      <div class="row">
        <div class="col-md-1">
          <el-radio v-model="radio" :label="item.id">
            <span></span>
          </el-radio>
        </div>
        <div class="col-md-11">
          {{ item.name }}
        </div>
      </div>
    </li>
  </ul>

ここで私のフィドル：https://jsfiddle.net/dede402/38mn5y9q/