配列からデータを入力するためにv-forを使用するel-selectがあります。配列内の値をロードするときにデフォルト値を設定したいのですが、必要に応じて別の値を選択するオプションがあります...
コード
<el-select class="select-large" @change="getRate(recipient_type_id)" v-model="recipient_type_id"
placeholder="Select">
<el-option
v-for="(item) in recipientDetails"
:key="item.id"
:label="item.display_name"
:value="item.type_details">
</el-option>
</el-select>
配列はrecipientDetailsであり、プレースホルダーの代わりに最初にロードする必要があるデフォルトの受信者があります。
前もって感謝します
selectでv-modelを使用selected
する場合、オプションで属性を使用することはできません。
selectをrecipient_type_id
にバインドしたので、データがロードされたら、のアイテムを実行し、デフォルトである必要がrecipientDetails
あるtype_details
プロパティを持つアイテムを見つけて、その値をrecipient_type_id
likeに割り当てることをお勧めします。
this.recipientDetails.forEach(detail => {
if(detail.tpye_details == default_value){
this.recipient_type_id = detail.type_details
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加