如何在Vue js的循环外传递v-for值

Question

我真的在这个问题上苦苦挣扎，我最初认为这很简单，但是却很难。

在bootstrap 4.5表中，我有多个这样的select下拉列表：

<select class="form-control" @change="selection($event, item.id)" v-bind:style="{ background: '#000' }"
style="width:100px">
<option value="">Select</option>
<option :value="data.id" v-for="data in r" :key="data.id" :selected="item.r !== null && item.r.id === data.id">
{{ data.name }}
</option>
</select>

我想要实现的是从r传递data.color，而不是＃000

v-bind:style="{ background: '#000' }

我只是想不出如何在v-for循环外传递此类数据。

任何想法如何做到这一点？有什么花招吗？

谢谢。