使用javascript的Vue.js样式

Question

我正在使用ChartJs，我想自定义图例字段。我可以毫无问题地得到颜色代码。我试图像在JavaScript中那样格式化它，但颜色没有显示出来。

spanBox.style.backgroundColor = bgColor;

Answer 1

不确定这是否是你想要的，但你可以做这样的事情：

<script setup>
const bgColor = '#ff00ff'; // Replace with a computed, a function return a value, etc.
</script>
<template>
<div :style="{ backgroundColor: bgColor }"></div>
</template>