inline q-card can't work with v-show?

[bigzhu]

inline q-card had a css

.inline-block {
  display: inline-block !important;
}

v-show just add style style="display: none;"

so the inline q-card can’t hidden

[eleina]

@bigzhu Not quite sure if I follow you, but the docs of Vue say that v-show renders the element, but simply hides it from the viewer. Using a v-if will only render elements based on a certain condition.

Source: https://vuejs.org/v2/guide/conditional.html#v-show

[spectrolite]

if you want to be able to hide your inline q-cards,
just overwrite that css rule in your scoped style block:

<style scoped lang="stylus">
.inline-block {
  display: inline-block
}
<style>

[spectrolite]

just remember you need to display: inline-block when you want to show it again