Vue.js 显示具有条件计算属性的输入

我有一个问题，想不出什么逻辑。我有一个日期输入，但日期、月份和年份是3个独立的输入字段

<b-form-input
    id="dob-date"
    v-model="$v.form.date.$model"
    placeholder="DD"
    aria-labelledby="dob-date-label"
/>

<b-form-input
    id="dob-month"
    v-model="$v.form.month.$model"
    placeholder="MM"
    aria-labelledby="dob-month-label"
/>

<b-form-input
    id="dob-year"
    v-model="$v.form.year.$model"
    placeholder="YYYY"
    aria-labelledby="dob-year-label"
/>

现在默认情况下，在页面加载时，这将是false。现在，我有一部分输入，只有当这个人在3岁以下时才会显示。因此，目前我已经将输入包装在一个div中

<div v-if="(isThreeOrOver === false)">
    //additional inputs
</div>

//额外投入

现在，上面的问题在于页面加载，默认的IsThreoRover为false，因此它将显示输入。默认情况下，如何隐藏它们，直到计算属性基于实时输入发生更改

---

谢谢

一种方法是，当值为空时，使

isthreeorver

函数返回null。所以有三种状态：true、false和null。Null将是选择日期之前加载的值

<div v-if="(isThreeOrOver === false)">
    //additional inputs
</div>