Populate специальный вход с Vuejs - Laravel из базы данных

Question

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

1. Как искать данные и заполнить один запрос на других входных тегов

2. Как совместить Vue с ВЫБ.2 плагин (Vue не работает после того, как я совмещаю с выбор2) вот мой код:

populate.js

new Vue({ 

    el: '#penerima', 

    data: { 
    namapenerima : '', 
    }, 

    computed: { 
    website() { 

     var url = "/campaign/create1/" + this.namapenerima; 

     this.$http.get(url, function(response){ 
     return response.website; 
     }); 

     return this.namapenerima; 
     // return response.website 
    } 
    } 

}); 

Маршрут:

Route::get('/create1/{namapenerima}', function($namapenerima){ 
     return App\Donee::where('id', $namapenerima)->first(); 
    }); 

клинка:

      <div id="penerima"> 
           <li> 
           <label>Nama Penerima * </label> 
           <div class="fields-area"> 
            <div class="field-col col-md-12"> 
            <select id="namapenerima" name="namapenerima" v-model="namapenerima" class="form-control"> 
             @foreach ($donee as $d) 
             <option value="{{ $d->id }}"> {{ $d->donee_name }} </option> 
             @endforeach 
            </select> 
            </div> 
           </div> 
           </li> 
           <li> 
           <label>Website</label> 
           <div class="fields-area"> 
            <div class="field-col col-md-12"> 
            <input type="text" v-model="website"> 
            <span class="char-remain"> </span> 
            </div> 
           </div> 
           </li> 
          </div> 

Выбор2 сценарий:

$('#namapenerima').select2({ 
    allowClear: "true", 
    placeholder: 'Pilih nama penerima donasi'}).on('select2-opening', function() 
    { 
     $(this).closest('li'); 
    }); 

Он вернется номер документа в поле ввода веб-сайта, я знаете, что есть omething отсутствует, но не знаю, что это такое

Спасибо заранее.

Answer 1

Вам нужно создать директиву для управления другими библиотеками в vuejs.

Вот пример: https://vuejs.org/examples/select2.html

И ваш выбор

<select class="form-control" 
    v-model="namapenerima" 
> 
    <option v-repeat="d in donee" value="@{{ exam.d }}">@{{ d.donee_name }}<option> 
</select> 

Answer 2

Если вы приземлились здесь просто ищет, чтобы заполнить поле ввода с текстом, который не будет использоваться в качестве входного значения, в HTML5 вы можете использовать:

placeholder='some text'