如何解决在Vue JS中将样式动态地应用于网格元素
在vuejs中单击网格元素时,如何动态更改网格元素的样式?在将更改应用于动态样式时,它会更改网格的所有元素。
<v-card
v-for="(contact) in contacts"
:key="contact.id"
style="width: 350px; height: 200px"
class="ma-5"
>
<div>
<ContactShow
:style="{backgroundColor: bcg}"
:contact="contact"
@backgroundColor="backgroundColor"
:getUser="getUser"
></ContactShow>
</div>
</v-card>
bcg: "blue",contactExpand(id) {
this.bcg = "red";
console.log(id);
}
我希望更改触发事件的网格的颜色,但要更改所有网格元素的样式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。