动态CSS -- vue3

付月半子

于 2024-10-12 16:10:50 发布

阅读量249

点赞数 1

文章标签： css 前端 vue.js

本文链接：https://blog.youkuaiyun.com/qq_34169240/article/details/142880549

版权

vue3+ts

<script setup lang="ts">
  import { reactive } from 'vue'
  const style = reactive({
    color: 'red'
  })
  setTimeout(() => {
    style.color = 'blue'
  }, 3000)
</script>
<template>
  <div class="div">动态css</div>
</template>
<style scoped lang="less">
  .div {
    color: v-bind('style.color');
  }
</style>