Vue.js:单击处理程序 ... 数据:{ 页码:1 }, 方法:{ 单击回调:异步函数(第页){ ... } ...

Vue.js:单击处理程序 ... 数据:{ 页码:1 }, 方法:{ 单击回调:异步函数(第页){ ... } ...,vue.js,pagination,async-await,Vue.js,Pagination,Async Await,在分页块中单击页面时,出现错误: [Vue warn]:无效的属性:属性“clickHandler”的类型检查失败。预期函数,获得承诺 如何处理?该属性不接受承诺-只接受同步函数。请将异步函数包装在同步包装器中,或将函数的异步部分放入另一个函数中: <paginate v-model="page" :page-count="pageCount" :container-class="'pagination'" :click-handler="clickCallback(page)" prev

在分页块中单击页面时,出现错误:

[Vue warn]:无效的属性:属性“clickHandler”的类型检查失败。预期函数,获得承诺


如何处理?

该属性不接受承诺-只接受同步函数。请将异步函数包装在同步包装器中,或将函数的异步部分放入另一个函数中:

<paginate v-model="page" :page-count="pageCount" :container-class="'pagination'" :click-handler="clickCallback(page)" prev-text="‹" next-text="›"></paginate>

...
data: {
    page: 1
},
methods: {
    clickCallback: async function(page) {
    ...
  }
...

...
数据:{
页码:1
},
方法:{
单击回调:函数(第页){
...
this.async函数(param1,…);
...
}
异步函数:异步函数(p1)
{ 
...
}
...

属性不接受承诺-仅同步函数。请将异步函数包装在同步包装器中,或将函数的异步部分放入另一个函数中:

<paginate v-model="page" :page-count="pageCount" :container-class="'pagination'" :click-handler="clickCallback(page)" prev-text="‹" next-text="›"></paginate>

...
data: {
    page: 1
},
methods: {
    clickCallback: async function(page) {
    ...
  }
...

...
数据:{
页码:1
},
方法:{
单击回调:函数(第页){
...
this.async函数(param1,…);
...
}
异步函数:异步函数(p1)
{ 
...
}
...