小编lta*_*igt的帖子

如何清除 Vue v-list 中的活动项目?

在 Vuetify 的 v-list-item 指令中,一旦选择了某个项目,我就无法删除 active 属性。到目前为止,这是我尝试过的:

      <v-list-item-group pb-6 color="primary" class="pb-3 text-left">
         <v-list-item v-for="(answer, index) in answers" :key="index">
            <v-list-item-title :class="{ active: isActive }" v-text="answer" @click.prevent="selectAnswer(index)">
            </v-list-item-title>
         </v-list-item>
      </v-list-item-group>

<b-button variant="primary" :disabled="hasAnswered" @click="submitAnswer()">
Submit
</b-button>
Run Code Online (Sandbox Code Playgroud)
    export default {
  name: 'QuestionBox',
  data () {
    return {
      answers: '',
      selectedIndex: null,
      hasAnswered: false,
      isActive: undefined
    }
  },
  methods: {
    selectAnswer (ind) {
      this.isActive = true
      this.selectedIndex = ind
    },
    submitAnswer () {
      this.hasAnswered = true
      this.isActive = false
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我知道这:class="{ …

javascript vue.js vue-component vuetify.js

2
推荐指数
1
解决办法
8127
查看次数

标签 统计

javascript ×1

vue-component ×1

vue.js ×1

vuetify.js ×1