iT邦幫忙

0

如何將Vue的變數,帶到CSS裡面

  • 分享至 

  • xImage

想請問各位大大,
如何將Vue的變數,直接綁定到CSS呢?

開發環境是Vite、Vue3

<script setup>
    import { ref } from 'vue'
    const width = ref('900px')//將這個變數
</script>
<template>
    <div class="rwdClass">2222</div>
</template>
<style scoped>
.rwdClass {
    width: width; //帶入這裡
}
</style>
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
listennn08
iT邦高手 5 級 ‧ 2022-06-28 17:25:05
最佳解答
width: v-bind(width)
greenriver iT邦研究生 4 級 ‧ 2022-06-29 08:46:03 檢舉

感謝

0

除了楼上给出的答案,你还可以

<div :style="{'--width': width}""></div>
.xxx {
    width: var(--width);
}

我要發表回答

立即登入回答