初始樣式代碼
<div class="formBox" ref='indentDom' id='indentDom' >
</div>
.formBox {
&:before {
content: '*';
position: absolute;
left: 7px;
font-size: 14px;
color: #f44;
}
}
現在需要使用js控制before隱藏,先給dom添加屬性data-before
<div class="formBox" data-before='*' ref='indentDom' id='indentDom' ></div>
在修改css樣式表立before的content
#indentDom::before{
content: attr(data-before);
}
最後js更改屬性data-before
this.$refs.indentDom.setAttribute("data-before","")//ref爲vue裏面獲取元素的寫法