如何解决如何选择项目
每当我单击按钮时,我都希望div向其添加selected-class。我在做什么错了?
template
.d-flex.align-items-center.mt-2(
:class="{ 'selected-class': itemSelected }",)
p.mb-0.meal-plan Chicken Meal
b-button.breakfast-button.ml-auto(
href="#",variant="primary",@click="chooseBreakfast(item)"
) Choose
data() {
return {
itemSelected: false,};
},methods: {
chooseBreakfast(item) {
this.itemSelected = item;
},
解决方法
如果它处于一种状态(例如,当您选择时无法将其切换回原来的状态),则只需删除item参数并转换该方法即可
chooseBreakfast() {
this.itemSelected = true
}
如果您需要切换状态,请再次删除item参数,然后像这样转换方法
chooseBreakfast() {
this.itemSelected = !this.itemSelected
}
在两种情况下也都从@click处理程序中删除项目参数
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。