美文网首页
vue3 响应值与style绑定

vue3 响应值与style绑定

作者: 0说 | 来源:发表于2024-02-21 21:31 被阅读0次
    <template>
      <div class="num">{{ num }}</div>
    </template>
    <script lang="ts" setup>
    import { inject, ref } from 'vue'
    const num = inject<number>('num')
    
    const color = ref('#f60')
    </script>
    <style scoped>
    .num {
      color: v-bind(color) // 响应到上面setup的值
    }
    </style>
    

    相关文章

      网友评论

          本文标题:vue3 响应值与style绑定

          本文链接:https://www.haomeiwen.com/subject/iwrwadtx.html