在vuejs中将vfor属性添加到dynamic:style中

Question

我有这样的结构：

<div v-for="item in principal" class="cardgrande cardeffects imagehover">
  <div v-bind:style='{ background: "linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.2) 40%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4)), url(" + item.midia + ")", }' class="flexcolumn card">
    <div class="texto">{{item.titulo}}</div>
  </div>
</div>

这个项目.midia不符合我的动态风格。我需要得到这个，因为它是我的图像的url（从v-for获得）。在

Answer 1

尝试使用返回样式的方法

  <div v-for="item in principal" class="cardgrande cardeffects imagehover">
    <div :style="itemStyle(item)" class="flexcolumn card">
      <div class="texto">{{item.titulo}}</div>
    </div>
  </div>

添加以下方法

^{pr2}$