<strike id="uuqoc"></strike>

是否可以在vue js樣式段中使用大括號？

javascript css vue.js vuejs3

我想知道是否可以在vue.js中的樣式段中使用大括號作為值？

For example

.container {
  background: url({{ image-url }};
  color: {{ color-1 }}
}

發(fā)布于 3 月前

? 最佳回答：

有一個實驗特性可以綁定腳本提供的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(）注射

公眾號：1024技術(shù)圈

?? 提供互聯(lián)網(wǎng)知識和資訊，分享IT前沿技術(shù)，熱門資源，大廠面試題 ??

是否可以在vue js樣式段中使用大括號？

熱門問答

安卓排扣：擺脫垂直空間

C++專用標(biāo)準(zhǔn)庫類型成員的正確聲明

元模型和Persistence.xml文件

為什么Singleton的初始化程序中的代碼沒有在應(yīng)用程序啟動時執(zhí)行？

按單詞拆分字符串：Java中包含空格

為什么我的%d說明符在數(shù)字后面放“-”？

父類的方法如何訪問子類的重寫變量？

C++ 為什么要把線程裝進(jìn)容器中，裝進(jìn)容器中有什么好處：？

請問Oracle11g導(dǎo)出的dmp怎么才能導(dǎo)入到10g

MonoGame與Visual C++之間有什么區(qū)別和聯(lián)系

html input的type

怎么把標(biāo)簽輸出的內(nèi)容用php輸出呢？