如何使用v-if对显示值为null的数组对象进行条件处理

Question

我有一些像这样的数组：

{ '大小'：null }

我尝试使用size.length / this.size.length仍然不起作用，因为当size：null时长度仍然存在

<div class="form-group" v-if="size">
    <select class="custom-
        <option value="" v-for="s in size" :key="s.id">                            
            {{ s.size }}
       </option>
    </select>
</div>

data(){
     return{
        size: null,
    }
},

当使用v-if的大小为null时，我不希望显示表单组

并且我希望对象仍然存在（不使用空对象）

Answer 1

您可以使用!!双负运算符执行2件事之一，它将把它转换为布尔值，或者您可以简单地编写v-if="size !== null