Получить входное значение по кнопке в vue - PullRequest
Новая
       13

Получить входное значение по кнопке в vue

0 голосов
/ 03 июля 2018

У меня есть такая форма: 

<form action="{{route('articles.create')}}" method="POST">
    @csrf
    <input type="hidden" name="typeId" :value="articleTypeSelected"/>
    @foreach($types as $type)
      <button  type="submit" v-model="articleTypeSelected" :value="{{ $type->id }}"
      class="dropdown-item text-left">{{ $type->name }}
      </button>
   @endforeach
</form>


  <script>
       window.app = new Vue({
           el: '#app',
           data: {
               articleTypeSelected: []
           }
       });
    </script>

Я пытаюсь получить входное значение при нажатии кнопки для отправки формы с помощью Vuejs2, но всегда получаю пустой результат, такой как данные.

1 Ответ

0 голосов
/ 03 июля 2018 
@foreach($types as $type)

  <a href="{{ route('articles.create') }}" class="dropdown-item"
      onclick="event.preventDefault(); document.getElementById('type{{$type->id}}').submit();">

  {{ $type->name }}

    <form id="type{{$type->id}}" action="{{ route('articles.create') }}" method="post">
       @csrf
       <input type="hidden" name="typeId" value="{{$type->id}}"/>

    </form> 

  </a>

@endforeach
...