我想知道是否可以在 vue.js 的樣式段中使用大括號作為值？
例如
.container {
background: url({{ image-url }};
color: {{ color-1 }}
}
uj5u.com熱心網友回復：
有一個實驗性功能可以系結腳本提供的 CSS 變數。嘗試這個：
<template>
<div class="text">Lorem ipsum</div>
</template>
<script>
import {ref} from 'vue'
export default {
setup() {
const color = ref('red');
const image = ref('url(https://picsum.photos/200/300)');
return {color}
}
};
</script>
<style vars="{ color, image }">
.text {
color: var(--color);
background-image: var(--image);
}
</style>
或者嘗試新的v-bind()注入
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/343825.html
標籤：javascript css Vue.js Vuejs3
上一篇：發送網頁鏈接并自動下載檔案