Topic: [Vue warn]: Unknown custom element: <mdb-footer>

jay2jam pro asked 5 years ago


Hello,

i created a Vue component an copied the teal footer code in it, now i get this messages:

 

[Vue warn]: Unknown custom element: <mdb-footer>

Unknown custom element: <mdb-container>

Unknown custom element: <mdb-row>

Unknown custom element: <mdb-col>

and so on ....

 

What do i have to do?

 

Rgds

Stefan


Mikołaj Smoleński staff answered 5 years ago


Hi there Stefan,

You probably missed components import statement. In Your case it should look like this:

<script>
import { mdbFooter, mdbContainer, mdbRow, mdbCol, mdbIcon } from 'mdbvue';

export default {
name: 'FooterPage',
components: {
mdbFooter,
mdbContainer,
mdbRow,
mdbCol,
mdbIcon
}
};
</script>

Every time You use one of our components You need to import it similarly to the above's example.

Best regards

 


Mikołaj Smoleński staff answered 5 years ago


Hello jay2jam,

You can change background in two ways:

<div style="background-color: #21d192">RgdsStefan</div>

or

<mdb-footer color="teal"></mdb-footer>

 

Best regards


jay2jam pro answered 5 years ago


Hello Mikolaj,

almost working :-) Thx for your reply.

The backgroundColor attribute is unknown in teal footer:

<div style="backgroundColor: '#21d192'">

Rgds
Stefan


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: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: Mac
  • Browser: Chrome
  • OS: Mojave
  • Provided sample code: No
  • Provided link: No