vue component html does not show up

Question

I am having difficulty in getting the component html shown in browser I have a component called fullName which contains

<template>
 <div>
   <h3>
    {{data.firstName}} {{data.lastName}}
   </h3>
 </div>
</template>

<script>
export default{
 name: 'fullName',
 props:{
  data:Object
 }
}
</script>

and i pass firstName and lastName as props but when I inspect in chrome the component shows up like this

 <fullName data=[object object]></fullName>

instead of

 <div>
   <h3>Abhishek Singh</h3>
 </div>

where I pass Abhishek and Singh as props

can someone help me to debug this or let me know why it is happening

It seems you didn't register fullName component inside the parent component - for more information: Component Registration — Muhammad Vakili
– Muhammad Vakili, Commented Jun 18, 2019 at 10:25
@Muhammadvakili I register the component if i have not registered it there should be a console error — Abhishek Singh
– Abhishek Singh, Commented Jun 18, 2019 at 11:24
Have you fixed the problem? If not can you share how this component is used so we can have a better look — francox9
– francox9, Commented Jun 23, 2019 at 8:47

francox9 · Accepted Answer · 2019-06-18 10:21:30Z

2

Did you register the fullName component in its parent component properly?

answered Jun 18, 2019 at 10:21

francox9

1757 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Abhishek Singh Over a year ago

I register the component if i have not registered it there should be a console error

Collectives™ on Stack Overflow

vue component html does not show up

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related