从其他 vuejs laravel axios 填充选择框答案

【问题标题】：Fill select box from other vuejs laravel axios从其他 vuejs laravel axios 填充选择框
【发布时间】：2019-11-22 15:20:58
【问题描述】：

我有两个表，SALARIE 和 CHANTIER，它们之间的关系 hasMany BelongsTTO、chantier1（salarie1、salarie2、salarie3...），在我的刀片中我有两个选择，当我在选择 1（chantier）中选择时我想要到第二个选择（薪水）填写所选择的尚蒂尔的薪水。 工资控制员

public function pointage()
{
  $chantiers = Chantier::all(); 
  return view('pointage', ['chantiers' => $chantiers]);
}

pointage.blade.php

 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
 <div id="app">
   <div class="form-group ">
            <label>chantier:</label>
            <select class="form-control" @change="onChange">
              @foreach($chantiers as $chantier)
                <option value="{{ $chantier->id }}">{{ $chantier->nomC }} {{ $chantier->id }}</option>
              @endforeach
            </select>
    </div>

     <div class="form-group ">
            <label>salarie:</label>
            <select class="form-control" @change="onChange">
              @foreach($salaries as $salarie)
                <option value="{{ $salarie->id }}">{{ $salarie->nomS }} </option>
              @endforeach
            </select>
    </div>
</div>

vuejs 代码

 const app = new Vue({
  el: "#app",
  data: function() {
    return {
      message: "Vue"
    }
  },
  methods: {
    onChange(event) {

    }
  }
})

路线

Route::get('pointage', 'SalarieController@pointage');

【问题讨论】：

标签： php laravel vue.js axios

【解决方案1】：

您可以定义计算变量 salaries 并在 chantiers 上进行更改发出请求，如果完成，则用响应数据填充 salaries，而不是每次使用都使用 laravel v-for="salary in salaries。希望对你有帮助。

【讨论】：