Template内の条件式から dom属性へのアクセスについて。

class に “active” を入れたいというような場合に以下のようにしているのですが、

<input type=“button” value=“a” :class="{ active:(now===‘a’)}" />

この場合 ‘a’ を2か所(input.valueと式)に記述する必要があり冗長なので、条件式 (now===‘a’) で input.value を参照して (now===this.value) みたいにする方法はないでしょうか?

よろしくお願いいたします。

普通にはそうしないですが、あえて実現したいなら以下のサンプルが実現できると思います。

<input type="button" value="a" @click="($event) => $event.target.classList.add('active')" />