VueのJSオプション要素は</p> <p>これは私が持っているものであるオプションのオブジェクト上に存在する選択した場合はデフォルトで選択されるオプションを取得しようとするとプロパティ

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> 

このセットが選択属性は正しく、私は要素エクスプローラ でこのdoesntのそれを見ることができる私は要素をチェックすると、その上に「選択」プロパティがfalseで、その唯一の属性以来、動作するようです！ オプション要素のプロパティを選択するにはどうすればよいですか？

Answer 1

あなただけの問題で、私のコンポーネントのための「データ」プロパティが来ていたが見つかりすなわち

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

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

Answer 2

、Vモデルの値に最初に選択した値を設定する必要がありますどこかから。 だからどこから来たのかを知る必要があった。