Conditional rendering components

[davidangelesu]

Hi, is there a way to conditionally render the components depending on the state of the application?
As an example, i would like to see if it is possible to add some buttons once i change the value of a state variable from:
state['show_buttons'] = False
to:
state['show_buttons'] = True

[jourdain]

Yes just use the v_show="show_buttons" directive on your buttons.

[jourdain]

• https://vuejs.org/guide/essentials/template-syntax.html#directives
• https://vuejs.org/api/built-in-directives.html

[jourdain]

Side note, why do you do state['show_buttons'] = False instead of state.show_buttons = False? The state can support both notation and usually the [ ] notation is more useful when the variable name is stored in another variable.

[davidangelesu]

You are right. No real reason on my side

…

On Sat, Apr 27, 2024, 01:43 Sebastien Jourdain (Kitware) < ***@***.***> wrote: Side note, why do you do state['show_buttons'] = False instead of state.show_buttons = False? The state can support both notation and usually the [ ] notation is more useful when the variable name is stored in another variable. — Reply to this email directly, view it on GitHub <#504 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACD2CUX2G56STMOEB7WFHEDY7LRB5AVCNFSM6AAAAABG3NMXLWVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TENBSGE3TO> . You are receiving this because you authored the thread.Message ID: ***@***.***>