show key instead the value json in vuejs

Question

i have this data in json

    {
    name: "Contract information", 
    description: "Contract information", 
    created_at: "2021-08-23 09:40:42", 
    updated_at: "2021-08-23 09:41:07", 
    sender_id: 8, 
    chat: false, 
    videocall: false, 
    meeting: true
}

i want show in front end with vuejs the chat, videocall and meeting, but not true/false but the key (chat, videcall, meeting)

i tried to do this :

    <b-button variant="outline-primary my-2 mx-1" style="cursor: default">
            <strong> Contact:</strong>
            {{getConsultancy.meeting) }}
    </b-button>

but it show me the values true/false how can i do show only the key?

gguney · Accepted Answer · 2022-02-24 18:06:01Z

1

I may have understood wrong but,

This code will give you real value keys but not the booleans

Object.keys(yourObject).filter(key => (typeof yourObject[key] != "boolean"))

Or If you just want to keys you can use

Object.keys(yourObject)

answered Feb 24, 2022 at 18:06

gguney

2,6711 gold badge17 silver badges30 bronze badges

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

Comments

username404 · Accepted Answer · 2022-02-24 16:40:03Z

0

To get the Key you can do it with Object.keys(getConsultancy) or Object.keys(getConsultancy.meeting)

See Docs here: https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

answered Feb 24, 2022 at 16:40

username404

3294 silver badges19 bronze badges

Collectives™ on Stack Overflow

show key instead the value json in vuejs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related