選択ボックスでv-modelを使用して選択したオプションを特定します

Question

selectタグを使用するフィルタリストがあります。私は選択されたオプションに基づいて配列をフィルタリングできるようにしたい。私はv - modelを使ってみましたが、これはチェックボックスで動作しますが、残念ながら選択フィールドでは動作しません。

何か助けが素晴らしいだろう。

私のバイオリンは、あなたがドキュメントを見てみる必要があり、それらがどのようにselectでデータバインディングん

<div id="app"> 
    Selected: {{concatenated}} 
    <select> 
    <option v-for="item in vals" :select="item.selected">{{item.value}}</option> 
    </select> 
    <!-- 
    <div v-for="item in vals"> 
    <p> 
    <input type="checkbox" v-model="item.selected">{{item.value}} 
    </p> 
    </div> 
    --> 
</div> 

https://jsfiddle.net/39jb3fzw/2/

Answer 1

を添付見つけてください。あなたのコードに関して

https://jsfiddle.net/s3x096u3/1/

<select v-model="selected"> 
    <option v-for="item in vals" :value="item.value" :key="item.value">{{item.value}}</option> 
    </select> 

、option要素のselect属性は何もしません。