Error "fn.bind is not a function" when adding pagination to QTable



  • *PLEASE IGNORE THIS QUESTION AND REFER TO NEXT …"
    I have a working QTable and just need to add server side pagination.

    However after I add bellow codes it immediately give error as per titled. Remove them and error go away!

    <q-table ... :pagination.sync="serverPagination">
    
    // ... add to data
    
        serverPagination: {
          page: 1,
          rowsNumber: 10
        }
    
    

    Full error message

    [Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function"
    warn @ vue.runtime.esm.js?2b0e:587
    logError @ vue.runtime.esm.js?2b0e:1733
    globalHandleError @ vue.runtime.esm.js?2b0e:1728
    handleError @ vue.runtime.esm.js?2b0e:1717
    (anonymous) @ vue.runtime.esm.js?2b0e:1835
    flushCallbacks @ vue.runtime.esm.js?2b0e:1754
    Promise.then (async)
    microTimerFunc @ vue.runtime.esm.js?2b0e:1802
    nextTick @ vue.runtime.esm.js?2b0e:1846
    queueWatcher @ vue.runtime.esm.js?2b0e:3064
    update @ vue.runtime.esm.js?2b0e:3205
    notify @ vue.runtime.esm.js?2b0e:693
    reactiveSetter @ vue.runtime.esm.js?2b0e:1010
    (anonymous) @ vue-router.esm.js?8c4f:2508
    (anonymous) @ vue-router.esm.js?8c4f:2507
    updateRoute @ vue-router.esm.js?8c4f:1997
    (anonymous) @ vue-router.esm.js?8c4f:1875
    (anonymous) @ vue-router.esm.js?8c4f:1984
    step @ vue-router.esm.js?8c4f:1714
    step @ vue-router.esm.js?8c4f:1721
    step @ vue-router.esm.js?8c4f:1721
    runQueue @ vue-router.esm.js?8c4f:1725
    (anonymous) @ vue-router.esm.js?8c4f:1979
    step @ vue-router.esm.js?8c4f:1714
    (anonymous) @ vue-router.esm.js?8c4f:1718
    (anonymous) @ vue-router.esm.js?8c4f:1964
    (anonymous) @ vue-router.esm.js?8c4f:1757
    (anonymous) @ vue-router.esm.js?8c4f:1833
    Promise.then (async)
    (anonymous) @ vue-router.esm.js?8c4f:1780
    (anonymous) @ vue-router.esm.js?8c4f:1801
    (anonymous) @ vue-router.esm.js?8c4f:1801
    flatMapComponents @ vue-router.esm.js?8c4f:1800
    (anonymous) @ vue-router.esm.js?8c4f:1736
    iterator @ vue-router.esm.js?8c4f:1943
    step @ vue-router.esm.js?8c4f:1717
    step @ vue-router.esm.js?8c4f:1721
    step @ vue-router.esm.js?8c4f:1721
    (anonymous) @ vue-router.esm.js?8c4f:1718
    (anonymous) @ vue-router.esm.js?8c4f:1964
    (anonymous) @ routerAuth.js?a482:36
    Promise.then (async)
    (anonymous) @ routerAuth.js?a482:32
    iterator @ vue-router.esm.js?8c4f:1943
    step @ vue-router.esm.js?8c4f:1717
    runQueue @ vue-router.esm.js?8c4f:1725
    confirmTransition @ vue-router.esm.js?8c4f:1972
    transitionTo @ vue-router.esm.js?8c4f:1874
    init @ vue-router.esm.js?8c4f:2494
    beforeCreate @ vue-router.esm.js?8c4f:540
    callHook @ vue.runtime.esm.js?2b0e:2917
    Vue._init @ vue.runtime.esm.js?2b0e:4622
    Vue @ vue.runtime.esm.js?2b0e:4725
    (anonymous) @ client-entry.js?7c2d:86
    ./.quasar/client-entry.js @ app.js:940
    __webpack_require__ @ app.js:768
    fn @ app.js:131
    0 @ app.js:7648
    __webpack_require__ @ app.js:768
    (anonymous) @ app.js:904
    (anonymous) @ app.js:907
    
    vue.runtime.esm.js?2b0e:1737 TypeError: fn.bind is not a function
        at nativeBind (vue.runtime.esm.js?2b0e:205)
        at initMethods (vue.runtime.esm.js?2b0e:3537)
        at initState (vue.runtime.esm.js?2b0e:3305)
        at VueComponent.Vue._init (vue.runtime.esm.js?2b0e:4624)
        at new VueComponent (vue.runtime.esm.js?2b0e:4794)
        at createComponentInstanceForVnode (vue.runtime.esm.js?2b0e:4306)
        at init (vue.runtime.esm.js?2b0e:4127)
        at createComponent (vue.runtime.esm.js?2b0e:5604)
        at createElm (vue.runtime.esm.js?2b0e:5551)
        at createChildren (vue.runtime.esm.js?2b0e:5678)```


  • Please ignore this question, it turns our I put serverPagination object in methods instead of data:D