Question

我有两张桌子：国家和城市。想法是在用户选择国家/地区时显示第二个下拉列表，并将其填入与所选国家/地区对应的城市。

不幸的是我无法弄清楚如何将检索到的值传递给表单。

检索到的值低于国家/地区，ID为21，挪威：）

选择{＆＃34;国家＆＃34;：＆＃34; 21＆＃34;，＆＃34; CountrySelected＆＃34;：true，＆＃34; cities＆＃34;：{＆＃34; 6＆＃ 34;：＆＃34; Oslo＆＃34;，＆＃34; 11＆＃34;：＆＃34; Lillehammer＆＃34; }}

＆＃13;

addBand(){

  this.form_band.controls.bands.push( 

    this._fb.group({

      name : [ '', Validators.required ],
      score : 0
    })
  );
}

＆＃13;

// My app.js

const app = new Vue({


el: '#events',

  data: {
	  	country:'',
	  	CountrySelected: false,	
	  	cities:[], 	
  },

  methods: {

	  	WhenCountryHasBeenSelected: function(event) {
	  		this.getCities();
	  		this.CountrySelected= true;
	  	},

	  	getCities: function(){
	  		this.$http.get('api/cities/'+this.country).then(function (response) {
      this.cities = response.data;
      });
   }
  },

})

＆＃13;

Answer 1

结束使用Laravel集合地图功能。 Mu路线现在看起来像这样

Route::get('/cities/{country_id}', function (Request $request, $country_id) {
        $collection=App\City::where('country_id', $country_id)->get();
        $cities=$collection->map(function($city){
            return ['id' => $city->id, 'name' => $city->name];
            })->toArray();

Laracast论坛万岁，羞涩：）

将数据从Vue.js请求传递到Laravel 5.3表单

1 个答案: