vue -点击某个元素改变其样式（如背景色或更换图片）实现点击选中效果

最新推荐文章于 2024-04-29 16:05:57 发布

七彩猫猫虫

最新推荐文章于 2024-04-29 16:05:57 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：工作中的小问题文章标签： echarts javascript 前端

本文链接：https://blog.youkuaiyun.com/SDAW_1/article/details/121420544

本文介绍如何在Vue中通过点击事件改变元素的样式，如切换背景色或替换图片。通过绑定CSS样式和JavaScript逻辑，在数据中记录选中状态，并在组件生命周期中处理图片路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

在这里插入图片描述

代码

<el-col
                    :span="12"
                    v-for="item in storeData.store"
                    :key="item.code"
                    class="eachStore"
                  >
                    <span class="eachStore">
                      <img
                        :s