Skip to content

b-table-lite: Error in v-on handler: "TypeError: this.stopIfBusy is not a function" #3518

@dflock

Description

@dflock

Describe the bug

When I hover over a b-table-lite table, I get this error in the browser console:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: this.stopIfBusy is not a function"

found in

---> <BTableLite>
       <FieldDestinationTableColumns> at src/components/vfgCustomControls/fieldDestinationTableColumns.vue
         <FormGroup>
           <FormGenerator>
             <BCollapse>
               <Process> at src/components/automation/Process/Process.vue
                 <App> at src/App.vue
                   <Root>
warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
Show 7 more frames
vue.runtime.esm.js?2b0e:1888 TypeError: this.stopIfBusy is not a function
    at VueComponent.rowHovered (mixin-tbody-row.js?c324:173)
    at mouseenter (mixin-tbody-row.js?c324:334)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
    at HTMLTableRowElement.invoker (vue.runtime.esm.js?2b0e:2179)
    at HTMLTableRowElement.original._wrapper (vue.runtime.esm.js?2b0e:6911)
logError @ vue.runtime.esm.js?2b0e:1888
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
Show 6 more frames
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: this.stopIfBusy is not a function"

found in

---> <BTableLite>
       <FieldDestinationTableColumns> at src/components/vfgCustomControls/fieldDestinationTableColumns.vue
         <FormGroup>
           <FormGenerator>
             <BCollapse>
               <Process> at src/components/automation/Process/Process.vue
                 <App> at src/App.vue
                   <Root>
warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
Show 7 more frames
vue.runtime.esm.js?2b0e:1888 TypeError: this.stopIfBusy is not a function
    at VueComponent.rowUnhovered (mixin-tbody-row.js?c324:181)
    at mouseleave (mixin-tbody-row.js?c324:337)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
    at HTMLTableRowElement.invoker (vue.runtime.esm.js?2b0e:2179)
    at HTMLTableRowElement.original._wrapper (vue.runtime.esm.js?2b0e:6911)
logError @ vue.runtime.esm.js?2b0e:1888
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
Show 6 more frames

Steps to reproduce the bug

  1. Hover over a b-table-lite table
  2. See error in console

Expected behavior

No console errors on hover.

Versions

Libraries:

  • BootstrapVue: 2.0.0-rc.23
  • Bootstrap: 4.3.1
  • Vue: 2.6.10

Environment:

  • Device: Linux Box
  • OS: Ubunut 16.04.6 LTS (Xenial Xerus)
  • Browser: Chrome
  • Version: 75.0.3770.90 (Official Build) (64-bit)

Demo link

https://codepen.io/anon/pen/NZxpja?&editable=true&editors=101

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions