在名称选项中添加条件使用循环数组选择答案

【问题标题】：add condition in name option select with loop array在名称选项中添加条件使用循环数组选择
【发布时间】：2022-01-07 22:41:25
【问题描述】：

您好，如果对象 sku.attributes 为空，我想在选项名称上设置一个条件名称是相同的产品，否则它会显示颜色和大小

skusListProduct = [{attributes:{size:'m', color: 'black'}}] // ex array
            <select
              v-model="skuList"
              @change="productChoice"
            >
              <option
                v-for="sku in skusListProduct"
                :key="sku.id"
                :value="sku.id"
              >
                <span v-if="sku.attributes && sku.attributes.length > 0">
                  {{ sku.attributes.color }} {{ sku.attributes.size }}
                </span>
                <span v-else>
                  same product
                </span>
              </option>
            </select>

我正在这样做，但不起作用

【问题讨论】：

阅读您的问题 5 次，仍然不明白您的问题是什么以及发生了什么。
@FerryKranenburg 我正在编辑我的问题
澄清这个问题的方法是显示skuListProduct数组中的一些对象，包括带有和不带有attributes属性的thise。
看起来不错。发布数组本身和组件的示例？
@FerryKranenburg 我正在编辑我的问题，我有数组示例

标签： javascript vue.js

【解决方案1】：

我正在解决我的答案检查是否存在密钥 sku.attributes

sku.attributes && Object.keys(sku.attributes).length > 0

【讨论】：