Question

我有两个表SALARIE和CHANTIER，它们之间的关系具有许多BelongsTTO，chantier1（salarie1，salarie2，salarie3 ...），在刀片中我有两个选择，我想在选择1（chantier）时选择第二个选择（薪水）填写所选的Chantier的薪水。 SalarieController

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');

Answer 1

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

填充其他VueJS Laravel Axios的选择框

1 个答案: