文章阅读

沉浸阅读完整内容

vue3的动态css v-bind()

小诸葛 2023-07-31 13:02 Vue 1863 阅读 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 篇精选

文章 / 186vue3中使用MAthJax入门教程2.x 文章 / 187vue-ueditor-wrap设置内容高度自动图片缩放问题文章 / 188文章 #188 文章 / 185vue3打包去掉全局console.log

发表评论

评论 0

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