文章阅读

沉浸阅读完整内容

vue3的动态css v-bind()

小诸葛 2023-07-31 13:02 Vue 1857 阅读 0 评论

正在统计阅读人数正在统计字数

登录收藏0

字号 100%

vue3支持 css中支持v-bind来绑定动态样式值,例如:

<template>
    <span>123</span>
</template>

<script setup>
    let color="#fff"
</script>

<style lang="scss" scoped>
span {
    background-color: black;
    color: v-bind(color);
}
</style>

推荐阅读

4 篇精选

文章 / 192模板说明文章 / 194夏日的记忆文章 / 195春之序曲文章 / 193宇宙起源：从大爆炸到永恒

发表评论

评论 0

还没有评论，欢迎留下第一条讨论。