Populate spezifischer Eingang mit Vuejs - Laravel von Datenbank

Question

Bitte helfen, sorry, aber ich bin neu mit Vuejs und habe vielleicht ein einfaches Problem:

1. Wie Daten durchsuchen und einzelne Abfrage auf anderen Eingänge-Tags

   bevölkern

2. Wie Vue kombinieren mit select2 Plugin (Vue hat nicht funktioniert, nachdem ich mit select2 kombinieren) hier ist mein Code:

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:

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

Blade:

      <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> 

Select2 Skript:

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

Es ID-Nummer in der Website-Eingabefeld zurückzukehren, I weiß, dass es s ist omething fehlt aber weiß nicht, was es ist

Vielen Dank im Voraus.

Answer 1

Sie brauchen eine Richtlinie erstellen, um weitere Bibliotheken in vuejs zu steuern.

Hier ein Beispiel: https://vuejs.org/examples/select2.html

Und Ihre wählen

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

Answer 2

Wenn Sie schon hier einfach gelandet suchen Sie das Eingabefeld mit einem Text zu füllen, die als Eingabewert wird nicht verwendet, in HTML5 können Sie:

placeholder='some text'