如何使用 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&nbsp;:class="getFuncationBarClass(scope)"&nbsp;:style="{&nbsp;'--progress':&nbsp;getFunctionPercentage(scope)&nbsp;}">{{getFuncationTotals(scope)}}</div>