为了账号安全,请及时绑定邮箱和手机立即绑定

VueJs 从 Vuetify 重新加载一个简单的表

VueJs 从 Vuetify 重新加载一个简单的表

牛魔王的故事 2023-08-24 10:34:44
所以我有一个 vuetify 简单表格,显示可以预约的时间。然而,这个时间是从数据库中提取的,并且该信息每 5 分钟就会更改一次(基于预订或取消的人)。用户需要刷新表才能获取最新的更改。我试图在 VueJs 中引入某种自动刷新功能,每 5 分钟重新加载一次数据。这是我现在被调用的方法created(){    this.fetchAvailableTimeSlotsData75();  },    method:{  fetchAvailableTimeSlotsData75() {     this.$axios.get('appointments75', {            params: {              date: this.isCurrentMonth(this.strSelectedDate) ? '' : this.strSelectedDate,              week: this.intPageNumber            }          })            .then((objResponse) => {              if(objResponse.status == 200){                // console.log(objResponse.data)                this.total = objResponse.data.total;                this.arrAvailableDates    = objResponse.data.dates;                this.arrAppointmentsData  = objResponse.data.data;                this.getAppointments();              }            })            .catch((objError) => {                          })            .finally(() => {              this.blnLoading = false;              this.snackbar = false            });}}在 VueJs 中解决这个问题的最佳方法是什么?有任何想法吗?
查看完整描述

1 回答

?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

所以我有一个 vuetify 简单表格,显示可以预约的时间。然而,这个时间是从数据库中提取的,并且该信息每 5 分钟就会更改一次(基于预订或取消的人)。用户需要刷新表才能获取最新的更改。我试图在 VueJs 中引入某种自动刷新功能,每 5 分钟重新加载一次数据。这是我现在被调用的方法


created(){

    this.fetchAvailableTimeSlotsData75();


  },



    method:{


  fetchAvailableTimeSlotsData75() {

     this.$axios.get('appointments75', {

            params: {

              date: this.isCurrentMonth(this.strSelectedDate) ? '' : this.strSelectedDate,

              week: this.intPageNumber

            }

          })

            .then((objResponse) => {

              if(objResponse.status == 200){

                // console.log(objResponse.data)

                this.total = objResponse.data.total;

                this.arrAvailableDates    = objResponse.data.dates;

                this.arrAppointmentsData  = objResponse.data.data;

                this.getAppointments();

              }

            })

            .catch((objError) => {

              

            })

            .finally(() => {

              this.blnLoading = false;

              this.snackbar = false

            });}

}

在 VueJs 中解决这个问题的最佳方法是什么?有任何想法吗?


查看完整回答
反对 回复 2023-08-24
  • 1 回答
  • 0 关注
  • 95 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信