文章阅读

沉浸阅读完整内容

写文章

vue3的动态css v-bind()

正在统计阅读人数 正在统计字数
登录收藏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 篇精选
文章 / 164Vue.observable让一个对象变成响应式数据 文章 / 163slot的理解及用法 文章 / 162React遍历对象包数组key是标题 文章 / 165Vue自定义指令进入页面光标自动聚焦到input框上

评论 0

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

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--天
本月获得--积分
正在读取