Vuejsフォーム入力のデフォルト選択を選択

Question

デフォルトのオプション（ 'デフォルトメタデータを選択'）はレンダリングされずにビューとして選択されています。

<div class="input-field col s12"> 
 
    <select id="custom-select-f" v-model="meta_id" class="browser-default"> 
 
    <option value="" disabled :selected="meta_id ? false : true">Choose Default Meta Data</option> 
 
    <option value="">Set As None</option> 
 
    <option v-for="meta in metas" :value="meta.id">{{meta.data}}</option> 
 
    </select> 
 
    <label for="custom-select-f" class="active">Meta Data</label> 
 
</div>

Answer 1

の代わりに選択した属性に結合し、私はオプションに '偽' の値が得られた：あなたが選択した無効なオプションを持つことができません https://jsfiddle.net/DarkFruits/5mk2hrfn/

<select name="" id="select" v-model='name'> 
    <option value="none" disabled >None</option> 
    <option value="max" >Max</option> 
    <option value="alex" >alex</option> 
    <option v-for='n in names' :value="n">{{n}}</option> 
</select> 

new Vue({ 
    el: '#select', 
    data() { 
    return { 
     names: ['Sandy', 'Pete'], 
     name: 'none', 
    } 
    } 
})