Question

如果在选项对象

上选择了选项，则尝试默认选择一个选项

这就是我所拥有的：

<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>

这会正确设置所选的属性，我可以在元素资源管理器中看到它这似乎不起作用，因为它只是一个属性，如果我检查元素，＆＃34;选择＆＃34;财产就是假的！如何设置选项元素的选定属性？

Answer 1

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

＆＃13;

new Vue({
    el: '#app',
    data: {
        options: [
        	{
            	value: 'foo',
                label: 'foo label',
            },
        	{
            	value: 'bar',
                label: 'bar label',
            },
        	{
            	value: 'baz',
                label: 'baz label',
            },        
        ],
        selected: 'bar',
    }
})

＆＃13;

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">

    <select v-model="selected">
        <option v-for="option in options" :value="option.value">{{option.label}}</option>
    </select>

</div>

＆＃13;

Answer 2

发现问题，＆＃34;数据＆＃34;我的组件的属性来自其他地方。所以我需要找到它的来源。

Vue JS选项元素＆＃34;选择＆＃34;只是属性，需要它作为属性

2 个答案: