Как вызвать метод из привязки стиля, используя Vue?

Question

Я написал следующий код:

<template v-slot="scope">
    <div :class="getFuncationBarClass(scope)" :style="'{ --progress: `${getFunctionPercentage(scope)}` }'">{{getFuncationTotals(scope)}}</div>
</template>

По какой-то причине вызываются getFuncationBarClass и getFuncationTotals, но getFunctionPercentage не вызывается. Я пробовал другие варианты :style, но все они не работали. Как я могу вызвать метод из привязки стиля?

Answer 1

В Vue вы можете напрямую передавать объекты стиля. Вы можете попробовать:

<div :class="getFuncationBarClass(scope)" :style="{ '--progress': getFunctionPercentage(scope) }">{{getFuncationTotals(scope)}}</div>