Взаимодействие с Vue контрольной вкладкой вопрос - PullRequest
Новая
       51

Взаимодействие с Vue контрольной вкладкой вопрос

0 голосов
/ 02 марта 2020

Я новичок в Vue, и мне нужно передать данные из запроса на вкладку управления, в частности, идентификатор запроса на вкладку, чтобы при нажатии на вкладку вызывать новый запрос с помощью идентификатор передан функции

Это мой код в шаблоне 

<v-row>
  <v-col>
    <v-card>
      <v-tabs v-model="tab" background-color="primary" dark>
        <v-tab v-for="itemsCtrl in itemsBalance" :key="itemsCtrl.tab">
          {{ itemsCtrl.tab }}
        </v-tab>
      </v-tabs>

      <v-tabs-items v-model="tab">
        <v-tab-item v-for="itemsCtrl in itemsBalance" :key="itemsCtrl.tab">
          <v-card flat>
            <v-card-text>{{ itemsCtrl.content }}</v-card-text>
          </v-card>
        </v-tab-item>
      </v-tabs-items>
    </v-card>

  </v-col>
</v-row>

Это моя функция, которая выводит данные, которые будут генерировать вкладки, мне нужно захватить идентификатор запрос, поэтому, когда я нажимаю на вкладку, я генерирую новый запрос с данными, связанными с этим идентификатором: 

listUserStudentDues(){
    let me = this;

    //Consulta del mes
    axios.get('api/Users_students/UserDueMonth/'+ this.userId)
    .then(function(response){

      me.monthArr = response.data;

      //console.log(me.monthArr);

      me.monthArr.forEach(function (item, i){

        me.dueMonthId = item.student_due_by_month_id;
        me.dueMonth = item.due_month_year;
        me.dueTotal = item.due_total_month;

        me.itemsBalance.push({ tab: me.due_month_id + ' ' + me.dueMonth + ' ' +  me.dueTotal, content: 'Contenido' });

      });

    }).catch(function(error){
      console.log(error);
    });
  },

Это то, что у меня есть,

Изображение

Мне нужна помощь, пожалуйста. Спасибо !!

...