如何使用条件设置v布局v-select的样式？

<template>
  <div>
    <v-select
      v-bind:class="{ 'custom-class': isCustom }"
      v-model="selectedOption"
      :options="options"
    ></v-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: null,
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' },
      ],
      isCustom: true, // 根据条件设置样式的变量
    };
  },
};
</script>

<style>
.custom-class {
  /* 自定义样式 */
  background-color: yellow;
  font-weight: bold;
}
</style>