VueJSне связывает при публикации

Question

Я занимаюсь разработкой приложения asp.net mvc с использованием VueJS на внешнем интерфейсе.У меня есть куча форм, и хотя текстовое поле работает нормально при отправке формы (то есть, я вижу, что она связывается с моделью представления и вижу значение, введенное в форму), это не относится к <v-select>

Вот что у меня есть:

<v-select clearable :items="options" 
                item-text="name"
                label="Months" v-model="Month"></v-select>

Я ожидал бы, что он свяжется с myViewModel.Month, но это не так.

Я могу связать v-select с помощьюскрытое поле и значение скрытого поля будут связаны с моей моделью представления, но это дополнительный шаг (и элемент).

Я новичок в VueJS, так что если кто-нибудь может дать мне несколько указателей.Спасибо.

Обновления:

Мой код выглядит следующим образом: https://codepen.io/anon/pen/EOzrgV

И вопрос не о привязке модели в Vue, а о привязке модели с моим C # ViewModel.Так, например, у меня есть следующий контроллер:

    public ActionResult Member()
    {
        if (!LoggedIn)
            return RedirectToAction("Index");
        MemberViewModel model = new MemberViewModel();
        return View(model);
    }
    [HttpPost]
    public ActionResult Member(MemberViewModel model)
    {
        if(ModelState.IsValid)
        {
            // Here I can see value of model.name
            // But model.month is always empty
            //model.Save();
        }
        return View(model);
    }

Answer 1

Если ваш объект данных выглядит как

data: {
  myViewModel: {
    Month: '',
  },  
}

Вам нужно привязать его как myViewModel.Month

<v-select clearable
  :items="options" 
  item-text="name"
  label="Months"
  v-model="myViewModel.Month"
></v-select>

Я сделал пример здесь: https://jsfiddle.net/kIINAMITE/eywraw8t/491056/