html:
<span class="info-item" :style="{ '--color': colorVar }">测试数据</span>
js:
colorVar: '#0f0'
css:
.info-item {
&::after {
display: inline-block;
content: "";
width: 0;
height: 0;
border-top: 24px solid var(--color);
}
}
Vue动态修改伪类样式
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 如何动态修改伪元素样式? 1.css中如何用变量 声明css变量的时候，变量名前面要加两根连词线（–）。变量名大小...
- 改变样式是我们实际开发中最常做的事情。诸如在css中，我们添加鼠标滑入滑出效果添加不同的样式。诸如在js中，我们根...
