this.$refs.menu.toggle(event); fails with typescript

[tarkhil]

Tried to use an example from menu

Code: Select all

<Button type="button" label="Toggle" @click="toggle" />
<Menu ref="menu" :model="items" :popup="true" />


toggle(event) {
    this.$refs.menu.toggle(event);
}

with TypeScript, compilation failed

Code: Select all

37:18 Property 'toggle' does not exist on type 'Vue | Element | Vue[] | Element[]'.
  Property 'toggle' does not exist on type 'Vue'.
    35 | export default class NavBar extends Vue {
    36 |     toggle(event:any) {
  > 37 |        this.$refs.menu.toggle(event);
       |                        ^
    38 |        }

[avenmore]

I've found the menu component to have poor type definitions - I hope PrimeTek improve this in the future.

A work-around for now:

Code: Select all

(this.$refs.menu as any).toggle(event);

[daniloalalmeida]

This is still not working. Has anyone made some progress in resolving this?

Seems like the component's method "toggle" has not be identified.