Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Integrating MDB with Vue

Martín Fernández free asked 6 years ago


Hi, I am new here. I made all the steps on the MDB Vue's documentation

I am not sure how to continue the integration between MDB and Vue.

window.mdbootstrap = require('mdbootstrap');

I thought the previous code on my app.js file would be enough but it seems like it isn't. I am getting an error like "Waves is not defined", I installed Waves and now `TypeError: Waves.attach is not a function`. Not sure how to proceed or the usual way to do after NPM installation with Vue.js.

Appreciate any comments.


Bartłomiej Malanowski staff commented 6 years ago

Do you have an access to our gitlab repository?

Jakub Strebeyko staff answered 6 years ago


Hi there Martin,

Welcome to the support board! First of, I don't quite get the snippet you have attached. If you have downloaded our package, installed the dependencies with your favorite package manager and started it (yarn start / npm run start), it should be all up and running in your browser at localhost. There, simply replace the starting page with your own, importing all your picked components from 'mdbvue' and voilà!

If you have any issues regarding the procedure, don't hesitate to ask!

Best,
Kuba


Leidos pro commented 6 years ago

related to this question. I dont want to have to replace the starting page with my content etc i want to import mdbvue as a plugin into my existing project. For example: import mdb from mdbvue Vue.use(mdb) import 'mdbvue/dist/mdb.min.css' OR use vue-cli vue init mdbvue/webpack my-project


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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: Yes
Tags