Как получить идентификатор от объекта при использовании Vue v-for - PullRequest
Новая
       9

Как получить идентификатор от объекта при использовании Vue v-for

1 голос
/ 24 сентября 2019

У меня есть выборка с параметрами, созданными с помощью цикла Vue.js v-for.Это работает нормально, но проблема, с которой я столкнулся, заключается в том, чтобы взять и ID опции и присвоить ее моей v-модели

Что находится в моем свойстве данных 

mplans: [
    {
        name: 'silver',
        id: 'silver-m-2019-07-16'
    },
    {
        name: 'gold',
        id: 'gold-m-2019-07-16'
    },
],

Мой выбор 

<select class="form-control" v-model="plan">
    <option disabled hidden>Select A Plan</option>
    <option v-for="plan in mplans">{{ plan.name }} - Monthly</option>   
</select>

1 Ответ

1 голос
/ 24 сентября 2019

Вы можете сделать это, чтобы получить идентификатор из выбранной опции 

<select class="form-control" v-model="plan">
    <option disabled hidden value="">Select A Plan</option>
    <option v-for="p in mplans" :value="p.id" :key="p.id">
       {{ p.name }} - Monthly
    </option>   
</select>

Примечание: Я изменил v-for "план" для "p", он можетбыть неоднозначным

...