vue项目中elementui样式修改

Question

vue项目中，要实现点击tag标签更改背景颜色，第一想法js点击事件直接更改dom样式，跑起来发现颜色有变，方法跑完又变成原始色，不是很理解，求教

Answer 1

建议在el-tag-info的父级(你的DOM节点)动态添加class，预先设置好你要的样式
比如父级是data-box,点击的时候添加了个 select-data

.select-data{
    .el-tag-info{
        background-color:rgba(144, 147, 153, 0.1) !important
    }
}

vue绑定 :class={select-data: flag}
js 修改样式的时候 flag = true