Vue.jsの動的ドロップダウン

Question

私はvueでどのように動的なドロップダウンを行い、私が間違っているのか分かりません。私が持っている私のhtmlで

...

<div id="app"> 
    <select v-model="selected"> 
      <option disabled value="">Please select one</option> 
      <option v-for="item in selected"></option> 
    </select> 

と私のjsが....

new Vue({ 
     el: '#app', 
     data: { 
      selected: ["Apache", "Cochise"], 
     } 
     }) 

フィルタのように見えますが、この

EDITのように見えます： 値はhtml DOMツリーに表示されますインスペクタ

ではなく、ドロップダウン

Answer 1

でこれを試してみてくださいません。

new Vue({ 
    el: '#app', 
    data: { 
     filters: filters, 
     selectedValue: null 
    } 
}) 

<div id="app"> 
    <select v-model="selectedValue"> 
     <option disabled value="">Please select one</option> 
     <option v-for="item in filters" :value="item">{{item}}</option> 
    </select> 
</div> 

Example。

ノート：将来の読者のために、@ captnvitmanのevynironmentのtext interpolation needed to be customizedの通常の区切り文字が問題になりました。