v-item-groupのv-bind操作

Question

v-item-groupについて下記のようにvuetify公式ドキュメントにありますが、
例えばこのように複数ボタンがあるなかで特定のものだけあるいはすべてのボタンについて外部メソッド等からactiveにするにはどのように指定すればいいのでしょうか。例えば、"this.input-value=true"といような記述はエラーになります。この場合のv-bindの操作または同等のことができる方法がわかりません。

コード <v-item-group multiple>
        <v-subheader>Tags</v-subheader>
        <v-item
          v-for="n in 8"
          :key="n"
          v-slot="{ active, toggle }"
        >
          <v-chip
            active-class="purple--text"
            :input-value="active"
            @click="toggle"
          >
            Tag {{ n }}
          </v-chip>
        </v-item>
      </v-item-group>

Answer 1

v-item-groupを外部から操作する場合は、value props(上記の例ではindexの配列)を操作することになります。以下はサンプルです。

https://codesandbox.io/s/httpsteratailcomquestions345427-4pt2s

Comments

[walla]

ありがとうございます！
参考にします。