javascript - 筹码组默认所有结果

Question

我有一个 Vuetify 芯片组设置，可以按资产类型查看和过滤。没有为“全部”分配任何内容，但我想要将所有内容默认为全部，然后按类型过滤。

店铺：

assetTypes: [
  { id: 'experience', name: 'Experience' },
  { id: 'brand', name: 'Brand' },
  { id: 'category', name: 'Category' },
  { id: 'video', name: 'Video' },
  { id: 'deck', name: 'Deck' }
]

芯片组：

    <v-chip-group
      v-model="selectedAsset"
      multiple
      mandatory
      @change="handleChange"
    >
      <v-chip
        v-for="(assetType, index) in assetList"
        :key="assetType.name + index"
        :value="assetType.id"
      >
        {{ assetType.name }}
      </v-chip>
    </v-chip-group>

数据：

  selectedAsset: ['all'],
  assetList: [],

计算：

  computed: {
    ...mapState('assets', ['assets', 'assetTypes'])
  },

使所有常量默认然后过滤的最佳方法是什么？

标签： javascriptvue.jsvuetify.js