VUE如何给style传值?

我想给bgColor传jsons里bgg的值要怎么弄呐?

// data
jsons={
    [
        {
            "bgg":"#221199",
            "poi":"23333333333"
        },
        {
            "bgg":"#991122",
            "poi":"23333333333"
        },
    ]
}

// template
<div id="poi-ls--box" v-for="p in jsons">
    <div class="vl sz-2" :style="bgColor">{{p.poi}}</div>
</div>
阅读 8.5k
3 个回答
<div id="poi-ls--box" v-for="p in jsons">
     <div class="vl sz-2" :style="{backgroundColor:p.bgg}">{{p.poi}}</div>
</div>
<div id="poi-ls--box" v-for="(p, index) in jsons">
    <div class="vl sz-2" :style="{backgroundColor: jsons[index]['bgg']}">{{p.poi}}</div>
</div>

自己去查文档啊,写的清清楚楚的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题