Quasar framework q-select устанавливает объект в v-модели, чем идентификатор - PullRequest
Новая
       31

Quasar framework q-select устанавливает объект в v-модели, чем идентификатор

0 голосов
/ 08 июля 2020

У меня есть следующий код для моего выбора 

     <q-select label="Select country"
                behavior="menu"
                :lazy-rules="true"
                :rules="[val => !!val || 'Select your country']"
                dense outlined v-model="form.code" :options="countries"
                option-label="name" option-value="code">
      </q-select>

И мой vuejs код 

<script>
   export default{
      data:()=>({

        form:{
            code:""
         }
        countries:[
              {name:"Country-1", code:"+101"},
              {name:"Country-2", code:"+201"},
           ]
       })

     }

 <script>

Из вышесказанного я ожидаю, что значение form.code будет код, например: +101, но когда я проверяю, я обнаруживаю, что значение является полным объектом. Что мне не хватает, поскольку в моем выборе я уже установил метку параметра и значение параметра Что мне не хватает?

1 Ответ

1 голос
/ 13 июля 2020

Вам необходимо использовать emit-value и map-options, см .: https://quasar.dev/vue-components/select#Affecting -модель

...