Question

我有一个环境数组，我想使用 v-btn-toggle 为每个环境创建一个按钮，问题是当我 console.log(this.envSelected) 时，它打印出索引，而不是实际环境。 . 我的目标是让按钮看起来像是被点击了。我已经试过了 :value="envText", value=${environments[envText]}

<template lang="pug">
  v-btn-toggle(
    v-model="envSelected"
    v-on:change='updateSelectedEnv()'
    )
    v-btn(
      v-for="(envText, index) in environments" 
      :key="index"
      vulue={envText}
      ) {{ envText }}  
</template>

<script>
  data() {
    return {
       envSelected:"QA",
       environments: ['DEV', 'IDEV', 'QA', 'STAGE', 'UAT', 'PROD', 'IDEV2', 'QA2'],
    }
  }
</script>

Answer 1

v-btn-toggle 的值（因此 v-model）是所选项目的索引。要解析该值，请使用索引 (envSelected) 作为对 environments[] 的查找：

console.log(this.environments[this.envSelected])

vuetify 中的 v-btn-toggle 返回错误值

1 个答案: