Javascript Vue JS选项元素“；精选；是唯一的属性，需要它作为属性

如果选项对象上存在selected，则尝试获取默认选中的选项

这就是我所拥有的：

<template>
    <select v-model="model" :placeholder="placeholder">
        <option v-for="option in options" :value="option.value" :selected="option.selected">{{option.label}}</option>
    </select>
</template>

<script>
export default {
    props: {
        model: {
            default: null
        },
        placeholder: {
            default: null
        },
        options: {
            default: null
        }
    }
};
</script>

{{option.label}
导出默认值{
道具：{
型号：{
默认值：null
},
占位符：{
默认值：null
},
选项：{
默认值：null
}
}
};

这将正确设置选定的属性，我可以在元素浏览器中看到它 这似乎不起作用，因为它只是一个属性，如果我检查元素，它的“selected”属性是false！

---

如何设置option元素的selected属性？

您只需将最初选择的值设置为v模型的值，即

newvue({
el:“#应用程序”，
数据：{
选项：[
{
值：“foo”，
标签：'foo标签'，
},
{
值：'bar'，
标签：'条形标签'，
},
{
值：“baz”，
标签：“baz标签”，
},        
],
已选定：“栏”，
}
})

{{option.label}

发现问题，我的组件的“数据”属性来自其他地方。

---

因此，我需要找到它的来源。

我认为您需要删除

：selected=“option.selected”

，因为它应该由v-model属性设置