写真付きのオプションを選択しました。オプションでは写真変数を取得できますが、デフォルト値では写真付きのデフォルト値を取得できません。
手伝って頂けますか?
予想:デフォルト値はマクドナルド(写真+ラベル)
ここに私のコード:
<el-select v-model="value" placeholder="Select">
<el-option v-for="item in outlet" :key="item.value" :label="item.label" :value="item.value">
<img :src="item.photo"> {{ item.label }}
</el-option>
</el-select>
そしてここに私のフィドルがあります:
選択した値テンプレートとオプションテンプレートは異なります。el-select
選択したテンプレートのプレフィックススロットを定義できます。https://jsfiddle.net/budgw/L4y8zw1e/36/をご覧ください。
el-select
オブジェクトを選択値として直接使用するために変更することに注意してください。その場合、value-key
onを指定する必要がありますel-select
。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加