vuejs checkboxのlabelにclassを追加する

Question

前提・実現したいこと

Checkboxをチェックするとき function Changeを呼びます、他のlabelにclassを追加します。

しかしいつもチェックの値以外も全部値のlabelを一緒に出します記述方法が上手くいかず困っています。

該当のソースコード

Vue = require('vue');
let axios = require('axios');

let app = new Vue({
el: "#app",
delimiters: ['%{', '}'],
data: {
    contract_type:1,
    contract_type_optional:[],
    errors: {}
},
methods: {
changeContract: function (event) {
    let contract_type_val = event.target.value;
    this.isChecked(contract_type_val);
},
isChecked: function(contract_type_val) {
    console.log(contract_type_val);
    return this.contract_type_optional.includes(value)

},
}

<div class ="main">
    <input id="contract1" checked="checked" name="contract_type" type="radio" value="1" v-model="contract_type"  @change = "changeContract" class="inputRadio">
    <input id="contract2" checked="checked" name="contract_type" type="radio" value="2" v-model="contract_type"  @change = "changeContract" class="inputRadio">
    <input id="contract3" checked="checked" name="contract_type" type="radio" value="3" v-model="contract_type"  @change = "changeContract" class="inputRadio">

 </div>
<div class = "optional">
    <input id="contract-optional1" name="contract_type_optional[]" type="checkbox"  v-model="contract_type_optional" value="1" class="inputCheckbox">
    <label for="contract-optional1"   :class="{ 'inactive': isChecked('1') }" class="checkboxLabel">テスト１</label>
    
    <input id="contract-optional2" name="contract_type_optional[]" type="checkbox"  v-model="contract_type_optional" value="2" class="inputCheckbox">
    <label for="contract-optional2"   :class="{ 'inactive': isChecked('2') }" class="checkboxLabel">テスト２</label>
    
    <input id="contract-optional3" name="contract_type_optional[]" type="checkbox"  v-model="contract_type_optional" value="3" class="inputCheckbox">
    <label for="contract-optional3"   :class="{ 'inactive': isChecked('3') }" class="checkboxLabel">テスト</label>

</div>

Answer 1

ただ modelを使うだけ