vue中 props中的变量能否在less中使用

我建议将此技巧与一个名为的 css 函数一起使用var

<template>
    <div id="a" :style="cssVars"></div>
</template>

<script>
export default {
    props: ['color'],
    computed: {
      cssVars () {
        return{
          /* variables you want to pass to css */
          '--color': this.color,
        }
    }
}
<script>

<style scoped>
#a{
    background-color: var(--color);
}
</style>
此方法非常有用，因为它允许您稍后通过 css 更新传递的值（例如，当您应用悬停事件时）。