Ремешок Vue получает значение от выбора

У меня проблема. Не удается получить значение из выбора с помощью выбора ремешка vue.

Мой HTML-код:

<bs-select 
  v-model="select.value" 
  :options="select.options" 
  options-value="val" 
  justified 
  close-on-select 
  placeholder="Chose action" 
  @change="contract_corresponds_activity"
></bs-select>

Я пробовал :value.sync, кроме v-model.

Мой js-код:

import {input, checkbox, select, option} from 'vue-strap'
export default {
components: {
  'bs-select': select,
},
data () {
  return {
select: {
      options: [
        {val: 0, label: 'unknown'},
        {val: 1, label: 'plus 1'},
        {val: 2, label: 'plus 2'},
        {val: 4, label: 'plus 4'},
        {val: 6, label: 'plus 6'}
      ],
      value: ''
    }
},
methods: {
some_function () {
    alert(this.select.value)
    axios.post(this.api_url + this.$route.params.id + '/domgmt', { value: this.select.value
    }).then(response => {
      this.update_form_data(response.data)
    }).catch(error => {
      this.errors = error.response.data.errors
    })
  }
}

Этот код дал мне возможность выбора, но я не могу сохранить его в значение переменной. Мой почтовый запрос - это пустая строка, так же как и мое оповещение ничего мне не дает. Моя цель - отправить значение: 1, 2, 4, 6 или 0.


vue.js vuejs2 vue-select vue-strap
person Pleb Slaveson    schedule 11.04.2018    source источник
comment
в документах используется :value.sync="select.value", а не v-модель   -  person phoet    schedule 11.04.2018
comment
я пробовал :value.sync, никаких изменений, значение по-прежнему пустая строка   -  person Pleb Slaveson    schedule 11.04.2018

Ответы (1)


arrow_upward
0
arrow_downward

Проблема в том, что я должен добавить параметр к событию изменения, поэтому код будет выглядеть так:

 some_function (value) {
    alert(value)
    axios.post(this.api_url + this.$route.params.id + '/domgmt', { value: value
    }).then(response => {
      this.update_form_data(response.data)
    }).catch(error => {
      this.errors = error.response.data.errors
    })
  }

В этом случае он покажет, что я только что нажал

person Pleb Slaveson    schedule 11.04.2018