vue使用 ::after ::before 伪元素动态改变content内容

编程知识更新时间:2023-04-05 05:48:27

<!--  div标签中添加 :data-attr，里边的内容指向 content -->
<div :data-attr="content"></div>


export default {
    data() {
        return {
            // 可以修改的内容
            content:'动态的内容'
        }
    }
}

<style>

// 使用attr 绑定对应的data-attr ，获取其中的值
.ttest::before {
    
    content: attr(data-attr);
}
</style>

更多推荐

本文发布于:2023-04-05 05:48:00，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/ddb9463f692acfd62831a731689e1ce7.html