使用laravel刷新数据表vuejs中的值

我使用的数据表中的值来自后端（laravel）我使用mixin将值传递到后端，当我在标准日期中插入sortBy和sortDesc的值并正确更新来自静态表单的页面时，但是，当我点击这个项目，并且应该根据点击的this.sortBy或this.sortDesc更新和带上order时，他不会更新这些值

如何强制更新mixin中的值并从后端带来新数据

数据表

 <v-data-table
                  :headers="headers"
                  :items="items"
                  :options.sync="options"
                  :server-items-length="totalItems"
                  :sort-by="sortBy"
                  :sort-desc="sortDesc"
                  @update:sort-by="updateSort('by', $event)"
                  @update:sort-desc="updateSort('desc', $event)"
                  :loading="loading"
                  :footer-props="{
                    itemsPerPageOptions: [2, 10, 20, 50]
                  }"
                  class="elevation-1"
                >

  

混合

---

您的mixin是否应该引用

this.sortBy

它所引用的

this.orderBy

？（倒数第二个if语句）if是正确的，因为它接受const params order的值@卡梅隆威尔比你确定吗？如果组件在数据块中没有该字段，我看不出如何计算

this.orderBy

。orderBy是正确的，请将

this.orderBy

更改为

this.sortBy[0]

和

this.order

更改为

this.sortDesc[0]

我已按您所说的进行了更改，但尚未在输入值时更新单击时的数据？order=desc在导航url中，它可以工作。

 export default {
        mixins: [ FromQueryPaginationTableMixin ],
        components: {
          HotsitesSelect,
        },
        data () {
          return {
            sortBy: ['expire_at'],
            sortDesc: ['desc'],
    }
    }
    }


methods: {
      updateSort(byDesc, event){
            if(byDesc == 'by'){
                this.sortBy = event
            }else if(byDesc == 'desc'){
                this.sortDesc = event
            }
        },
}

const params = {
        page,
        order: this.sortDesc[0],
        orderBy: this.sortBy[0],
        perPage: query.perPage || this.defaultItemsPerPage,
        ...this.filterValues
      };

      if (query.s) {
        params.search = query.s;
      }

      if (this.orderBy) {
        params.orderBy = this.orderBy;
      }

      if (this.order) {
        params.order = this.order;
      }
      this.loading = true;