Topic: MDB Select not working in vue

cirimm priority asked 1 year 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.)


Mateusz Lazaru staff answered 1 year 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

Opened

Specification of the issue

  • ForumUser: Priority
  • 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