在 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="{ …