MDB Select not working in vue


Topic: MDB Select not working in vue

cirimm pro premium priority asked 2 years ago

Expected behavior I have a pro license for MDB js (MDB5 standard UI kit pro advanced), and am working on a vue project (working to incorporate the JS into the vue project). I have been successful in incorporating every other element I needed, however mdb select simply does not work. When I try to run

<select class="select">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>
<label class="form-label select-label">Example label</label>

I do not get the demonstrated behavior from the material db website. Actual behavior I get a basic HTML select box, which is not suitable for my use case. I have tried copying over the raw html from the code sandbox, but this does not include code functionality, so I would like to see if I can get this working. I do not do anything special to "register" that I have pro access, I simply import the mdb.min.js file (along with css) into my index.html, which works for every other element that I've tested. I believe the issue to be with the fact that select is a paid component, so it may require something else to get it to run, but I am not sure what I need to do in this case. Resources (screenshots, code snippets etc.)


mlazaru staff answered 2 years ago

MDB5 Standard ui kit was created for vanilla js projects, so we can't guarantee it will work with any frameworks and we don't support such usage.

We have dedicated package for Vue:

https://mdbootstrap.com/docs/vue/pro/


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.2.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No