Input fields in tab panes


Topic: Input fields in tab panes

aceracerff premium priority asked 3 years ago

Hello,

In the below snippet, I have some MDBInput in MDBTabPane. The inputs that were not displayed on page load do not render properly until they are changed (and then the other ones do not). This also happens when inputs are within v-show or v-if elements other than MDBTabPane. I've seen solutions for vanilla JS version, but none for Vue (sorry if answered previously). How can this be corrected?

https://mdbootstrap.com/snippets/vue/aceracerff/3385361

render


Mikołaj Smoleński staff answered 3 years ago

In such case there is an option to reload component after tab change by using the key prop. I fixed the snippet.

keep coding, Mikołaj from MDB


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: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 1.3.0
  • Device: Windows PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags