<ul class="controller-checkboxs clearfix" >
    <li v-on:click="currentIndex = index" class="controller-checkbox-item" v-bind:class="{clicked: index === currentIndex}" v-for="(ctrlValue, index) in desc.args">
                    <a>{{ctrlValue}}</a>
    </li>
</ul>

data(){
    return{
        currentIndex: 0
    }
}

通过遍历序号进行判定即可

回來看一下才看清楚不是要多選而是單選，改了下：

看起來你好像把狀態寫成使用同一個變量...

應該是要把狀態定義在每個 desc.args

data() {
  return {
    desc: {
       args: [
          {
            selected: false
            // ...略  
          }
       ]
    }
  }
},
methods: {
  select(index) {
    this.desc.args.map( a => a.selected = false )
    this.desc.args[index].selected = true
  }
}

<li @click="select(index)" class="controller-checkbox-item" :class="ctrlValue.selected ? 'active' : ''" v-for="(ctrlValue, index) in desc.args">
    <a>{{ctrlValue}}</a>
</li>

大致上是這樣。

v-class

根据index索引值以及预先定义的变量值进行判断，如果相等自动添加active
https://jsfiddle.net/zhoou/d6...