Может ли кто-нибудь помочь мне передать идентификатор вкладки в URL? - PullRequest
Новая
       73

Может ли кто-нибудь помочь мне передать идентификатор вкладки в URL?

0 голосов
/ 04 мая 2020

это моя часть нумерации в vue, у меня нет идеи передать идентификатор меню в топор ios! 

var app = new Vue({
    el: '#app',
    data: {
        doctorId: "{{$data->doctor_id}}",
        standardItems: {!!  json_encode( $stand['items'] ) !!},
        isLastPage : {!!  json_encode( $stand['is_last_page'] ) !!}, 
        page: 1,

    },
    mounted: function () {

    },
    methods: {   
      next(){
            this.page = this.page + 1;    
            if(this.page > 1){
                this.getDocStandard();
            }
        },

        previous(){
            this.page = this.page - 1; 
            if(this.page > 0){
                this.getDocStandard();
            }
        },

        getDocStandard(){             
          axios.get('{{url("doctors/manage")}}/' +this.doctorId +'/standard?page='+this.page).then(response => {
            alert(2);
            if (response) {           
                let result = response.data.data.items;                  
                this.standardItems =  result;
                this.isLastPage =  response.data.data.is_last_page;  
            }
            }).catch(function (error) {

            });

        },
      }

});

Это маршрут, который я упомянул в сети. php

Route::get('doctors/manage/{doctorId}/standard','DoctorController@getStandardAvailabilityItems';

Здесь вы можете проверить формат моего блейд-файла 

<div class="m-portlet m-portlet--mobile">
  <div class="m-portlet__body">
    <div class="tab-wrapper">
      <ul class="nav nav-tabs" id="tabs">
        <li class="active"><a data-toggle="tab" href="#home" class="active">A</a></li>
        <li><a data-toggle="tab" href="#menu1">B</a></li>
        <li><a data-toggle="tab" href="#menu2">C</a></li>
        <li><a data-toggle="tab" href="#menu3">D</a></li>
      </ul>

      <div class="tab-content">
        <div id="home" class="tab-pane in active">
          <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded" id="local_data" style="">

          </div>
        </div>

        <div id="menu1" class="tab-pane fade">
          <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded" id="local_data" style="">
            <table class="m-datatable__table" style="display: block; min-height: 30px; overflow-x: auto;">

              <!-- table header -->
              <thead class="m-datatable__head">

              </thead>
              <!-- table header end -->

              <tbody class="m-datatable__body" id="patient_list">
              </tbody>

            </table>

          </div>
        </div>

        <div id="menu2" class="tab-pane fade">
          <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded" id="local_data" style="">
            <table class="m-datatable__table" style="display: block; min-height: 30px; overflow-x: auto;">

              <!-- table header -->
              <thead class="m-datatable__head">

              </thead>
              <!-- table header end -->

              <tbody class="m-datatable__body" id="patient_list">

              </tbody>

            </table>

            <!-- pagination -->
            <ul class="pagination">
              <li  :class="(page ==1) ? 'disabled paginate_button page-item' : 'paginate_button page-item'" id="">
                <button class="page-link" @click="previous">
                  Previous
                </button>
              </li>
              <li class="paginate_button page-item" :class="(isLastPage == 1) ? 'disabled paginate_button page-item' : 'paginate_button page-item'" id="">
                <button class="page-link" @click="next">
                  Next
                </button>
              </li>
            </ul>  
            <!-- end pagination -->

          </div>
        </div>

        <div id="menu3" class="tab-pane fade">
          <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded" id="local_data" style="">
            <table class="m-datatable__table" style="display: block; min-height: 30px; overflow-x: auto;">

              <!-- table header -->
              <thead class="m-datatable__head">

              </thead>
              <!-- table header end -->

              <tbody class="m-datatable__body" id="patient_list">


              </tbody>

            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

Обычно URL страницы загружается следующим образом, http://localhost: 8000 / докторов / управлять / 39 # menu2 Я хочу получить правильный URL-адрес, когда нажимаю кнопку Далее (разбиение на страницы).

Я создал функцию. http://localhost:8000/doctors/manage/39/standard?page=2 этот URL и получить правильные значения, но у меня нет идеи передать URL с идентификатором меню, кто-нибудь может мне помочь?

...