Javascript V如果使用数组[vue3]中的布尔结果

我有跟车的问题.

我需要使用v-if显示或隐藏内容，但我将内容放在一个数组中:这是我的示例.

<v-expansion-panel v-for="item in flightOptionData" :key="item.type" elevation="0" class="rounded-lg foExpansion">
    <v-expansion-panel-title class="pa-3 bg-card" v-slot="{ open }" expand-icon="" collapse-icon="">
        <section class="foCard">
            <p>{{item.finalPrice}}</p>
            <p>{{item.number}}</p>
            <p v-if="true" class="nextDay">+1</p>
        </section>
    </v-expansion-panel-title>
</v-expansion-panel>

<script>
    data() {
        return {
            flightOptionData: [
                { finalPrice: '5.431,00', number: 'A12314', overnight: true }, 
                { finalPrice: '5.431,00', number: 'A12314', overnight: false }
            ]
        }
</script>

我试着这样解决:

<v-expansion-panel v-for="item in flightOptionData" :key="item.type" elevation="0" class="rounded-lg foExpansion">
    <v-expansion-panel-title class="pa-3 bg-card" v-slot="{ open }" expand-icon="" collapse-icon="">
        <section class="foCard">
             <p>{{item.finalPrice}}</p>
             <p>{{item.number}}</p>
             <p v-if="{{item.overnight}}" class="nextDay">+1</p>
        </section>
    </v-expansion-panel-title>
</v-expansion-panel>

<script>
    data() {
        return {
            flightOptionData: [
                { finalPrice: '5.431,00', number: 'A12314', overnight: true }, 
                { finalPrice: '5.431,00', number: 'A12314', overnight: false }
            ]
        }
</script>