vue使用 ::after ::before 伪元素 动态改变content内容
<!--div标签中添加 :data-attr,里边的内容指向 content --><div :data-attr="content"></div>export default {data() {return {// 可以修改的内容content:'动态的内容'}}}<style>// 使用attr 绑定对应的data-attr.
·
<!-- 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>
更多推荐
已为社区贡献3条内容
所有评论(0)