Vue Sidenav Event Syntax Incorrect


Topic: Vue Sidenav Event Syntax Incorrect

mkennethsmith pro asked 5 years ago

methods: {
updatePredicate() {
if (!this.hidden) {
this.isThere = window.innerWidth > this.breakWidth;
}
},
handleOverlayClick() {
this.$emit("update:OpenedFromOutside", !this.OpenedFromOutside);
}
},


See the emitted event, "update:OpenedFromOutside", the use of a colon prevents using vm.$on or @update:OpenedFromOutside.

Mikołaj Smoleński staff answered 5 years ago

Hi there,

Thanks for Your remarks. We will test it soon and then update the package if everything will be working correct.

Best regards


Storism answered 5 years ago

Has this one been fixed? SideNav is causing all sorts of headaches for me


Mikołaj Smoleński staff answered 5 years ago

It was fixed. Please try to reproduce your issue in our snippets editor: https://mdbootstrap.com/snippets/

Also make sure, you're using the latest syntax: https://mdbootstrap.com/docs/vue/navigation/sidenav/

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: Macbook Pro
  • Browser: Chrome, Safari
  • OS: macOS 10.13
  • Provided sample code: Yes
  • Provided link: No