如何在“style”属性中引用javascript变量?

snz8szmq  于 2023-01-29  发布在  Java
关注(0)|答案(1)|浏览(233)

我正在使用Vue和GraphQL基于数据库中的行生成div的网格。每行/div都有一个background_color列。我希望用户能够使用div中的表单 * 单独 * 更改每个div的background_color
我已经验证了表单是否正确更新了相应的background_color列,但是当我尝试将该值应用于div时,什么也没发生:

<div v-for="row in graphQL_result.table" class="grid">
     <div class="box" style="background:row.background_color">

如果我不能在我的样式中引用数据库值,我应该如何处理呢?

idfiyjo8

idfiyjo81#

尝试样式绑定:

<div class="box" :style="{'background' : row.background_color}"></div>

更多信息

相关问题