我正在做一个类似推特的按钮。

我想更改图标按钮的颜色。

时，从灰色变为红色成功。

但是我不知道怎么把它从红色变成灰色。

我正在使用JavaScript和Vue.

<代码><；模板>；<；DIV ID="；邮箱"；>；<；DIV类="；缩略图-IMG"；V-bind：style="；{BackgroundImage：' URL（'+postItem.IMG+'）'}"；>；<；/DIV>；<；细分（>；）<；H4>；{{postItem.title}}<；/H4>；<；p>；{{CutDescript}}<；/p>；<；DIV类="；text-date"；>；{{postItem.date}}<；/DIV>；<；人力资源（>；）<；DIV类="；页脚"；>；<；IMG类="；配置文件-IMG"；：SRC="；PostItem.ProfileImg"；/>；<；span类="；写入器"；>；按<；span类="；粗体"；>；{{postItem.writer}}<；/span>；<；/span>；<；B-icon icon="；心形填充"；类="；间隙_余量_5px_水平：变量="；当前模式=='网格'？'危险'：' '"；V-ON：点击="；问候（'网格'）"；/>；<；span类="；良好_编号"；>；{{PostItem.Good}}<；/span>；<；/DIV>；<；/DIV>；<；/DIV>；<；/模板>；

<代码><；脚本>；导出默认{名称：'邮箱'，道具：{帖子：{类型：对象，默认：函数（）{返回{title：'未定义'，DESCRIPT：'这是描述，这是描述，这是描述.这是说明，这也是说明，这也是说明。'，日期：'--，profileImg：'./assets/logo.PNG '，writer：' unknown '，良好：0，IMG：'./assets/logo.PNG '}}}},数据（）{返回{PostItem：this.post，currentMode：此模式}},已计算：{CutDescript：函数（）{if（this.postItem&；&；this.postItem.descript&；&；this.postItem.description.length>；= 200) {返回`${this.postItem.description.slice（0，197）}.。`}else if（this.postItem&；&；！this.postItem.descript）{return '본문이 비어있습니다.'}返回this.postItem.descript}},方法：{问候：功能（模式）{如果（模式！=='网格'&；&；模式！=='映射'）{模式='网格'}this.currentMode=模式这。$emit（' current-mode '，this.currentMode）}}}<；/脚本>；

如何使按钮在灰色和红色之间切换？

顺晟科技：

在这种情况下，你应该使用布尔数据来代替，像按钮状态一样在红色和灰色

<代码><；B-icon图标="；心形填充"；类="；间隙_余量_5px_水平：variant="；islike？'危险'：' '"；@click="；isliked=！被喜欢"；/>；数据（）{返回{IsLiked：错误 }}