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

Question

<template>

<div class="floor">
    <text class="name">{{conf.name}}</text>
</div>

</template>

<style scoped lang="less">

// 想在这里使用props传递过来的值
@background: {{conf.background}};

.floor {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 120px;
}
.name {
    height: 72px;
    line-height: 72px;
    padding-left: 60px;
    padding-right: 60px;
    color: #fff;
    font-size: 42px;
    text-align: center;
    border-radius: 50px;
    background-color: @background;
}

</style>

<script>
export default {

 props: ['conf']

}
</script>

Answer 1

不能，这是运行时的，css怎么啥时候支持变量了？
要达到这种效果只能使用v-bind去绑定class或者style

Answer 2

神奇的思路，题主，你运行成功么？？

Answer 3

神器的思路+1，只能通过动态绑定样式来试一下吧