Problem with popovers

  • Hello guys,
    I have an error when trying to close popovers.
    my markup is this:

    when clicking on the buttons of the popover i am getting the following error:
    Uncaught TypeError: _vm.$refs.popover.close is not a function at [as fn] (eval at 243 (1.e2343b3….hot-update.js:6), <anonymous>:54:29) at HTMLButtonElement.eval (eval at <anonymous> (app.js:794), <anonymous>:2222:16)

  • ok problem solved thanks Razvan !

  • Admin

    @Sponz Hi, for others seeing this, I gave a solution on Gitter channel. Turns out that those buttons were used inside of a v-for. As a result, using same reference name “popover” made $refs.popover be an Array rather than an actual Popover. So the solution would be to v-for using an index and use @close="$refs.popover[index].close()".

  • I’m searching to do something similar with datatable, harder because, only one popover appear.

Log in to reply

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.